/* ============================================================================
   The Present Advantage — design tokens
   Lifted verbatim from the Claude Design canvas brand board, with one change:
   --font-body is Inter instead of the system stack, so the site looks the same
   on every device and matches the free guides. Everything else is as designed.
   ========================================================================== */

:root {
  /* ---- Brand base palette ---- */
  --tpa-green:  #1D9E75;   /* Studio Green, primary */
  --tpa-indigo: #26215C;   /* Deep Indigo, dark surfaces + headings */
  --tpa-mint:   #E1F5EE;   /* Soft Mint, light surface */
  --tpa-coral:  #F0997B;   /* Warm Coral, accent */
  --tpa-slate:  #444441;   /* Slate, neutral ink */

  /* ---- Green scale ---- */
  --green-50:#EAF7F1;  --green-100:#CDEEE0; --green-200:#9FDEC5;
  --green-300:#5FC49F; --green-400:#33AE84; --green-500:#1D9E75;
  --green-600:#178563; --green-700:#136B50; --green-800:#0F513D;

  /* ---- Indigo scale ---- */
  --indigo-50:#EDECF3;  --indigo-100:#D5D2E2; --indigo-200:#A9A3C0;
  --indigo-300:#726A97; --indigo-400:#453E77; --indigo-500:#26215C;
  --indigo-600:#1F1A4C; --indigo-700:#17143A; --indigo-800:#100E29;

  /* ---- Coral scale ---- */
  --coral-100:#FCE4DB; --coral-200:#F8C6B4; --coral-300:#F4AF97;
  --coral-400:#F0997B; --coral-500:#E97B57; --coral-600:#D95F38;

  /* ---- Neutral / slate scale ---- */
  --neutral-0:#FFFFFF;   --neutral-25:#FBFAF7;  /* warm paper */
  --neutral-50:#F5F4EF;  --neutral-100:#ECEAE3; --neutral-200:#DAD8D0;
  --neutral-300:#BBB9B1; --neutral-400:#8C8B85; --neutral-500:#6A6963;
  --neutral-600:#54534E; --neutral-700:#444441; /* Slate */
  --neutral-800:#2E2E2C; --neutral-900:#1B1B1A;

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--green-500);
  --color-primary-hover:  var(--green-600);
  --color-primary-active: var(--green-700);
  --color-accent:         var(--coral-400);
  --color-accent-hover:   var(--coral-500);

  --text-strong:   var(--indigo-500);
  --text-body:     var(--neutral-700);
  --text-muted:    var(--neutral-500);
  --text-on-dark:  #FFFFFF;
  --text-on-primary:#FFFFFF;
  --text-link:     var(--green-600);
  --text-link-hover:var(--green-700);

  --surface-page:     var(--neutral-25);
  --surface-card:     #FFFFFF;
  --surface-mint:     var(--tpa-mint);
  --surface-dark:     var(--indigo-500);
  --surface-dark-alt: var(--indigo-600);

  --border-subtle: var(--neutral-200);
  --border-strong: var(--neutral-300);
  --border-focus:  var(--green-500);

  --success:var(--green-500); --warning:var(--coral-500);
  --danger:#C0392B;           --info:var(--indigo-400);

  /* ---- Typography ---- */
  --font-display:'Merriweather', Georgia, 'Times New Roman', serif;
  --font-body:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  --fs-display:56px; --fs-h1:40px;  --fs-h2:30px;   --fs-h3:24px;
  --fs-h4:20px;      --fs-lead:20px; --fs-body:17px; --fs-small:15px;
  --fs-caption:13px; --fs-overline:12px;

  --fw-light:300; --fw-regular:400; --fw-medium:500;
  --fw-bold:700;  --fw-black:900;

  --lh-tight:1.1; --lh-heading:1.2; --lh-snug:1.4; --lh-body:1.6;

  /* ---- Layout ---- */
  --container-max:1200px;
  --container-narrow:760px;

  --radius-xs:6px;  --radius-sm:10px; --radius-md:14px;
  --radius-lg:20px; --radius-xl:28px; --radius-pill:999px;
  --radius-circle:50%;

  /* ---- Elevation ---- */
  --shadow-xs:0 1px 2px rgba(38,33,92,0.06);
  --shadow-sm:0 2px 6px rgba(38,33,92,0.08);
  --shadow-md:0 8px 24px rgba(38,33,92,0.10);
  --shadow-lg:0 18px 44px rgba(38,33,92,0.14);
  --shadow-focus:0 0 0 3px rgba(29,158,117,0.30);

  /* ---- Motion ---- */
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:360ms;
  --ease-out:cubic-bezier(0.22,1,0.36,1);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);
}