/* Findalys — Color tokens
   Navy for authority & readability. Gold for emphasis only (5–10% of a composition).
   Never use gold for long paragraphs or small text. */
:root {
  /* Ink / navy */
  --fdl-navy-900: #111C35;   /* primary ink / navy */
  --fdl-navy-700: #283550;   /* secondary navy */

  /* Gold family */
  --fdl-gold-600: #D9A126;   /* primary gold */
  --fdl-gold-500: #F0BB00;   /* action yellow */
  --fdl-gold-300: #F2DDAE;   /* soft gold */
  --fdl-gold-100: #FBF3E4;   /* pale gold surface */

  /* Neutrals / canvas */
  --fdl-canvas:   #F7F4EE;   /* warm ivory canvas */
  --fdl-white:    #FFFFFF;   /* white surface */
  --fdl-border:   #E6DED2;   /* border & grid line */
  --fdl-text-muted: #737A89; /* muted text */
  --fdl-text-light: #A0A5AE; /* light text */

  /* ---- Semantic aliases ---- */
  --color-bg:            var(--fdl-canvas);
  --color-surface:       var(--fdl-white);
  --color-surface-pale:  var(--fdl-gold-100);
  --color-surface-dark:  var(--fdl-navy-900);

  --text-heading:  var(--fdl-navy-900);
  --text-body:     var(--fdl-navy-700);
  --text-muted:    var(--fdl-text-muted);
  --text-light:    var(--fdl-text-light);
  --text-on-dark:  var(--fdl-white);
  --text-on-gold:  var(--fdl-navy-900);

  --accent:        var(--fdl-gold-600);
  --accent-strong: var(--fdl-gold-500);
  --accent-soft:   var(--fdl-gold-300);

  --border-default: var(--fdl-border);
  --border-gold:    var(--fdl-gold-300);

  --action-bg:       var(--fdl-gold-500);
  --action-bg-hover: var(--fdl-gold-600);
  --action-text:     var(--fdl-navy-900);
}

/* Findalys — Typography tokens
   Inter across product, web, decks & docs.
   The Findalys wordmark uses an editorial serif treated as a LOGO asset only —
   do not imitate the serif elsewhere in the interface. */
:root {
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  /* Editorial serif — WORDMARK / logo asset only. Substituted with Playfair Display
     (see readme.md "Font substitution"). */
  --font-serif-display: 'Playfair Display', Georgia, 'Times New Roman', serif;

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* Type scale (px) */
  --fs-display: 44px;  /* cover / hero */
  --fs-h1: 34px;
  --fs-h2: 26px;
  --fs-h3: 20px;
  --fs-title: 17px;    /* card titles */
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-label: 13px;    /* UI labels */
  --fs-badge: 12px;    /* uppercase section labels */
  --fs-caption: 12px;

  /* Line heights */
  --lh-tight: 1.15; /* @kind other */
  --lh-heading: 1.25; /* @kind other */
  --lh-body: 1.6; /* @kind other */

  /* Letter spacing */
  --ls-badge: 0.08em;   /* uppercase badges & labels */
  --ls-tight: -0.01em;  /* large headings */
}

/* Findalys — Spacing, radius, shadow, grid tokens.
   8px spacing system: 4, 8, 12, 16, 24, 32, 48, 64, 80, 96. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Radius — do not mix many radii.
     8 compact controls · 12 fields & buttons · 16 cards · 24 editorial panels · full pills */
  --radius-control: 8px;
  --radius-field: 12px;
  --radius-card: 16px;
  --radius-panel: 24px;
  --radius-pill: 999px;

  /* Borders */
  --border-width: 1px;

  /* Shadows — very subtle, navy-tinted. Keep one shadow style. */
  --shadow-card: 0 1px 2px rgba(17,28,53,0.04), 0 8px 24px rgba(17,28,53,0.06);
  --shadow-panel: 0 2px 4px rgba(17,28,53,0.05), 0 16px 40px rgba(17,28,53,0.08);
  --shadow-none: none;

  /* Brand grid signature — thin border lines at low opacity */
  --grid-size: 40px;
  --grid-line: rgba(230,222,210,0.55);
}