/*!
 * PromptlessPress shared design tokens — v1.0.1 (2026-10-11)
 * v1.0.1: darkened --pp-muted-2 (#8A8276 -> #756D60) to restore WCAG AA
 *         contrast on --pp-bg (3.55:1 -> 4.78:1). Same token name, new
 *         value -- see DESIGN_TOKEN_CONTRACT_2026-10-11.md for the rule.
 * VNext design-system foundation. Plain CSS custom properties, no build
 * step, so this file can be copied as-is into either repo:
 *   - promptlesspress-homepage (marketing, public site)
 *   - promptlesspress-app-updated (Studio, authenticated app)
 *
 * Scope: this file only DEFINES tokens on :root. It never sets layout,
 * component styles, or loads fonts — each consuming page keeps its own
 * font <link> tags and applies these tokens through its own CSS using
 * var(--pp-token-name, <fallback>) so a page still renders correctly if
 * this file fails to load.
 *
 * Versioning: bump the version comment above on any value change and
 * keep old token names working (add new tokens, don't repurpose old
 * ones) so a page that hasn't been updated yet never silently breaks.
 */
:root{
  /* ---- Brand accent (unchanged from the existing site) ---- */
  --pp-teal:#00C9A7;
  --pp-teal-dark:#009E84;
  --pp-teal-text:#007A66;      /* AA-safe teal for text on light backgrounds */
  --pp-teal-glow:rgba(0,201,167,.22);
  --pp-teal-soft:rgba(0,201,167,.10);

  /* ---- Public site & Dashboard — warm editorial, light only ---- */
  --pp-bg:#FAF7F1;
  --pp-surface:#FFFEFB;
  --pp-surface-2:#F4EEE1;
  --pp-border:#ECE5D8;
  --pp-border-2:#E3DBC9;
  --pp-text:#1C1A17;
  --pp-text-2:#4B453C;
  --pp-muted:#6B645A;
  --pp-muted-2:#756D60;  /* darkened from an earlier #8A8276 (3.55:1) to clear 4.5:1 AA on --pp-bg */

  /* ---- Studio — dark (locked Studio v3 palette, carried forward as-is) ---- */
  --pp-studio-canvas:#0A0A0B;
  --pp-studio-surface:#131316;
  --pp-studio-elevated:#1A1A1F;
  --pp-studio-line:#26262C;
  --pp-studio-text:#ECECF1;
  --pp-studio-text-2:#A0A0AB;
  --pp-studio-text-3:#6E6E78;

  /* ---- Studio — light (new companion theme, proposed) ---- */
  --pp-studio-light-bg:#F7F6F3;
  --pp-studio-light-surface:#FFFFFF;
  --pp-studio-light-elevated:#FBFAF8;
  --pp-studio-light-line:#E5E2DC;
  --pp-studio-light-text:#17171A;
  --pp-studio-light-text-2:#6E6E78;
  --pp-studio-light-text-3:#9B9BA3;

  /* ---- Status (semantic, same hues in both Studio themes) ---- */
  --pp-lime:#BEF264;   /* success */
  --pp-amber:#FBBF24;  /* seasonal / warning */
  --pp-rose:#F87171;   /* danger */

  /* ---- Type families (fonts are loaded by each page, not this file) ---- */
  --pp-font-display:'DM Serif Display',Georgia,serif;
  --pp-font-body:'DM Sans','DM Sans Fallback',system-ui,sans-serif;
  --pp-font-studio:'Geist','DM Sans',system-ui,sans-serif;
  --pp-font-mono:'JetBrains Mono',monospace;

  /* ---- Radii & spacing scale ---- */
  --pp-radius-sm:10px;
  --pp-radius:16px;
  --pp-radius-lg:20px;
  --pp-space-1:8px;
  --pp-space-2:12px;
  --pp-space-3:16px;
  --pp-space-4:24px;
  --pp-space-5:32px;
  --pp-space-6:48px;
}