/* ═══════════════════════════════════════════════════════
   v2-theme.css — CUSTOMIZE THIS FILE
   Edit colors, fonts, and sizes here.
   Changes apply to the whole presentation.
═══════════════════════════════════════════════════════ */

/* ── FONTS ───────────────────────────────────────────
   --fd  → display / headings   (Syne)
   --fm  → monospace / labels   (JetBrains Mono)
   --fb  → body / paragraphs    (DM Sans)
─────────────────────────────────────────────────────── */
:root {
  /* --fd : Pour les titres, on passe sur Inter (plus géométrique et stable) */
  --fd: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* --fm : Pour les labels techniques, on reste sur du monospace mais plus discret */
  --fm: 'JetBrains Mono', monospace;

  /* --fb : Pour le corps de texte, une police très lisible */
  --fb: 'Inter', sans-serif;
}
/* ── FONT SIZES ──────────────────────────────────────
   Format: clamp(min, preferred, max)
   The middle value (vw/vh) scales with the viewport.
─────────────────────────────────────────────────────── */
:root {
  --fs-h1:      clamp(28px, 4.5vw, 52px);   /* main headings */
  --fs-h2:      clamp(22px, 3.2vw, 40px);   /* sub-headings */
  --fs-body:    clamp(14px, 1.6vw, 18px);   /* body text */
  --fs-small:   clamp(12px, 1.2vw, 14px);   /* small labels / source names */
  --fs-eyebrow: clamp(9px, 1vw, 11px);      /* all-caps eyebrow tags */
  --fs-mono-sm: 10px;                        /* tiny monospace labels */
}

/* ── COLORS ──────────────────────────────────────────
   --bg      → page background
   --surf    → card / panel surface (white)
   --surf2   → slightly tinted surface (table header…)
   --text    → primary text
   --muted   → secondary / dimmed text

   --green   → primary accent (Yuka brand)
   --amber   → MVP / warning accent
   --cyan    → "full version" accent
   --red     → danger / error

   *dim variants are semi-transparent fills for badges.
─────────────────────────────────────────────────────── */
:root {
  /* backgrounds */
  --bg:    #F4F6F5;
  --surf:  #FFFFFF;
  --surf2: #EAEDEB;

  /* text */
  --text:  #111A14;
  --muted: #6A7870;

  /* accents */
  --green: #0C9566;
  --gdim:  rgba(12, 149, 102, .10);

  --amber: #C97B08;
  --adim:  rgba(201, 123, 8, .10);

  --cyan:  #0882A8;
  --cdim:  rgba(8, 130, 168, .08);

  --red:   #C62828;

  /* misc */
  --border: rgba(0, 0, 0, .09);
  --shadow: 0 2px 12px rgba(0, 0, 0, .07);
}