/* =========================================================
   FlowTex Accounting — Design Tokens
   Concept: "Confirmed" — e-file receipts, tracking statuses,
   a stamped confirmation slip. Built for a remote-first US
   tax & immigration practice.
   ========================================================= */

:root {
  /* ---- Color: cool paper + charcoal ink + confirmation green ---- */
  --paper:        #EEF1EC;   /* cool, sage-tinted paper (not warm cream) */
  --paper-dim:     #E2E7DD;  /* recessed panels, card backgrounds */
  --ink:          #17202B;   /* near-black charcoal-navy, primary text & dark sections */
  --ink-soft:     #414B44;   /* body copy on paper */
  --ink-faint:    #8B958C;   /* captions, metadata, placeholder */
  --clay:         #1F6F54;   /* primary action / stamped accent — deep confirmation green */
  --clay-dark:    #17543F;   /* hover state */
  --clay-bright:  #4CC38A;   /* lighter mint variant for status dots/stamps on dark backgrounds */
  --clay-wash:    #DCE8DF;   /* faint accent tint for backgrounds */
  --sage:         #3E6B8A;   /* "in review" status — steady blue */
  --sage-wash:    #DEE7ED;   /* sage tint background */
  --gold-line:    #A6873F;   /* hairline rule, ledger-style dividers, used sparingly */
  --line:         #D6DCCF;   /* default hairline border on paper */
  --line-on-ink:  rgba(238, 241, 236, 0.16);

  /* ---- Typography ---- */
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "IBM Plex Mono", "SF Mono", Menlo, monospace;

  --fs-display-xl: clamp(2.75rem, 5vw + 1rem, 5rem);
  --fs-display-l:  clamp(2.1rem, 3.2vw + 1rem, 3.25rem);
  --fs-display-m:  clamp(1.6rem, 1.6vw + 1rem, 2.25rem);
  --fs-body-l:     1.25rem;
  --fs-body:       1.0625rem;
  --fs-body-s:     0.9375rem;
  --fs-label:      0.8125rem;
  --fs-mono:       0.8125rem;

  --lh-tight: 1.08;
  --lh-snug:  1.35;
  --lh-body:  1.6;

  /* ---- Spacing scale ---- */
  --sp-1: 0.5rem;
  --sp-2: 0.75rem;
  --sp-3: 1.25rem;
  --sp-4: 2rem;
  --sp-5: 3.25rem;
  --sp-6: 5.25rem;
  --sp-7: 8.5rem;

  /* ---- Misc ---- */
  --radius-s: 4px;
  --radius-m: 8px;
  --max-w: 1180px;
  --shadow-card: 0 1px 2px rgba(23,32,43,0.05), 0 8px 24px rgba(23,32,43,0.07);
  --shadow-lift: 0 12px 32px rgba(23,32,43,0.16);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-color-scheme: dark) {
  /* Intentionally not auto-switching to a dark theme site-wide —
     this brand identity is paper/ink by design. Reserved for future use. */
}