/* =====================================================================
   Ledgra — Design Tokens
   A pure, full-spectrum ACCOUNTING platform · an Edge91 Technologies product
   Brand: warm ledger-gold on deep navy ink, with cream paper + accounting
   green (credit/positive) and red (debit/overdue) per accounting convention.
   Fonts: Fraunces (display serif) · Inter (body) · IBM Plex Mono (figures)
   ===================================================================== */

:root {
  /* ---- Deep navy ink (nav / dark sections) ---- */
  --ink-900: #070A18;   /* deepest background */
  --ink-800: #0B0F24;   /* hero / dark sections */
  --ink-700: #0E1430;   /* primary dark surface */
  --ink-600: #182052;   /* raised dark surface */
  --ink-500: #2A3468;   /* dark borders / lines */

  /* ---- Ledger gold (PRIMARY BRAND) ---- */
  --brand-700: #8F540F;  /* deep bronze */
  --brand-600: #B8741C;
  --brand-500: #D9922F;  /* PRIMARY BRAND — matches product mark */
  --brand-400: #E7A94A;
  --brand-300: #F2C579;
  --brand-50:  #FBEFD8;  /* light gold panel */

  /* ---- Accents ---- */
  --teal-500: #1F9D6B;   /* accounting green — credit / positive */
  --teal-400: #33B584;
  --gold-500: #B8741C;   /* bronze accent (deeper than brand) */
  --gold-400: #E7A94A;
  --sky-500:  #2E3E86;   /* navy/indigo accent */
  --rose-500: #D64545;   /* accounting red — debit / overdue / negative */

  /* ---- Neutrals (warm ivory light theme) ---- */
  --bg:        #FBF9F4;  /* warm ivory page background */
  --bg-alt:    #F3EEE2;  /* cream alternating section */
  --surface:   #FFFFFF;  /* cards */
  --panel:     #FBEFD8;

  --text:      #17130A;  /* primary heading ink on light */
  --text-body: #46402F;  /* body copy */
  --muted:     #77705C;  /* secondary */
  --faint:     #A79E88;  /* tertiary / hints */
  --line:      rgba(23, 19, 10, 0.10);  /* hairline borders on light */
  --line-2:    rgba(23, 19, 10, 0.15);

  /* ---- On-dark text ---- */
  --on-dark:        #F7F3EA;
  --on-dark-body:   #C8C6BD;
  --on-dark-muted:  #928E80;
  --on-dark-line:   rgba(255, 255, 255, 0.10);
  --on-dark-line-2: rgba(255, 255, 255, 0.18);

  /* ---- Gradients ---- */
  --grad-brand:  linear-gradient(120deg, #B8741C 0%, #D9922F 52%, #F2C579 100%);
  --grad-gold:   linear-gradient(120deg, #B8741C 0%, #E7A94A 100%);
  --grad-ink:    linear-gradient(180deg, #0E1430 0%, #070A18 100%);
  --grad-text:   linear-gradient(100deg, #FFFFFF 0%, #F2C579 55%, #E7A94A 100%);
  --grad-text-dk:linear-gradient(100deg, #8F540F 0%, #C9821F 48%, #E7A94A 100%);

  /* ---- Radii ---- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-pill: 999px;

  /* ---- Shadows (warm ink-tinted) ---- */
  --sh-sm:  0 1px 2px rgba(23,19,10,.06), 0 2px 6px rgba(23,19,10,.05);
  --sh-md:  0 8px 24px rgba(23,19,10,.09), 0 2px 6px rgba(23,19,10,.05);
  --sh-lg:  0 24px 60px rgba(23,19,10,.14), 0 8px 20px rgba(23,19,10,.07);
  --sh-brand: 0 18px 46px rgba(217,146,47,.34);
  --sh-glow:  0 0 0 1px rgba(217,146,47,.4), 0 12px 40px rgba(217,146,47,.28);

  /* ---- Typography ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", "SF Mono", Consolas, monospace;

  /* fluid type scale */
  --fs-eyebrow: 0.78rem;
  --fs-body:    1.0625rem;
  --fs-lead:    clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
  --fs-h3:      clamp(1.35rem, 1.1rem + 0.9vw, 1.75rem);
  --fs-h2:      clamp(2rem, 1.5rem + 2.2vw, 3.2rem);
  --fs-h1:      clamp(2.5rem, 1.6rem + 3.4vw, 4.2rem);
  --fs-display: clamp(2.5rem, 1.35rem + 3.1vw, 4.5rem);

  /* ---- Layout ---- */
  --maxw: 1200px;
  --maxw-wide: 1340px;
  --maxw-narrow: 820px;
  --gutter: clamp(1.15rem, 4vw, 2.5rem);
  --nav-h: 74px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --ease-inout: cubic-bezier(.65,.05,.36,1);
  --ease-spring: cubic-bezier(.16,1.11,.3,1);
  --t-fast: .18s;
  --t-med: .34s;
  --t-slow: .6s;
}