/* ===================================================================
   FirmForte — Design Tokens
   -------------------------------------------------------------------
   ALL site colors, fonts, spacing, and shadows live here.
   To rebrand the whole site, only this file needs to change.
   =================================================================== */

:root {
  /* ------- SURFACES ------- */
  --bg:            #F7F5F0;   /* page background */
  --bg-elev:       #FFFFFF;   /* cards, raised surfaces */
  --bg-soft:       #EFECE3;   /* alternating sections */
  --bg-warm:       #F2EFE6;   /* form section */
  --bg-dark:       #14151A;   /* dark CTA, footer accents */

  /* ------- INK (text) ------- */
  --ink:           #14151A;   /* primary text, headings */
  --ink-soft:      #4A4B52;   /* body copy */
  --ink-muted:     #7A7B82;   /* meta, labels */
  --ink-faint:     #B5B5B0;   /* placeholders, disabled */

  /* ------- ACCENT ------- */
  --accent:        #C6FF3D;   /* primary accent — lime */
  --accent-deep:   #8FBE10;   /* darker for hover, contrast on light bg */
  --accent-soft:   rgba(198, 255, 61, 0.16);

  /* ------- BORDERS ------- */
  --border:        #E5E3DC;
  --border-strong: #D1CFC7;

  /* ------- SHADOWS ------- */
  --shadow-sm:     0 1px 3px rgba(20, 21, 26, 0.05);
  --shadow-md:     0 6px 20px rgba(20, 21, 26, 0.06);
  --shadow-lg:     0 24px 56px -20px rgba(20, 21, 26, 0.15);

  /* ------- SEMANTIC ------- */
  --danger:        #C73E3E;
  --danger-soft:   #FCEBEB;
  --success:       #2F9E5C;

  /* ------- TYPOGRAPHY ------- */
  --font-sans:  'Geist', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Instrument Serif', 'Times New Roman', serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ------- LAYOUT ------- */
  --container:        1200px;
  --container-narrow: 880px;
  --section-py:       100px;
  --section-py-tight:  80px;
  --section-py-mobile: 64px;
  --nav-height:        70px;

  /* ------- RADIUS ------- */
  --radius-sm:  10px;
  --radius:     14px;
  --radius-lg:  22px;
  --radius-pill: 100px;

  /* ------- TRANSITIONS ------- */
  --ease:       cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:     0.15s ease;
  --t-base:     0.2s ease;
  --t-slow:     0.4s var(--ease);

  /* ------- Z-INDEX SCALE ------- */
  --z-nav:        100;
  --z-sticky:      99;
  --z-modal:      200;
  --z-toast:      300;
}