/* ============================================================
   SEIFERT DYNAMICS — Design Tokens / CSS Custom Properties
   ============================================================ */

:root {

  /* ── Backgrounds ───────────────────────────────────────── */
  --bg-void:       #060608;   /* deepest: hero, footer */
  --bg-deep:       #0b0b0e;   /* very dark charcoal */
  --bg-dark:       #101013;   /* dark charcoal: primary sections */
  --bg-graphite:   #161619;   /* graphite: alternating sections */
  --bg-surface:    #1d1d22;   /* surface: cards on dark */
  --bg-surface-hi: #252529;   /* surface hover */
  --bg-light:      #f2f2f5;   /* light: editorial contrast section */
  --bg-light-mid:  #e8e8ec;   /* light mid */
  --bg-white:      #ffffff;

  /* ── Text ──────────────────────────────────────────────── */
  --text-bright:   #f0f0f5;   /* on dark: headings */
  --text-primary:  #b4b4be;   /* on dark: body */
  --text-secondary:#7c7c8c;   /* on dark: secondary body */
  --text-muted:    #525260;   /* on dark: meta, labels */
  --text-dim:      #30303c;   /* on dark: very muted */

  --text-dark:     #111118;   /* on light: headings */
  --text-dark-mid: #3a3a48;   /* on light: body */
  --text-dark-soft:#6a6a7a;   /* on light: secondary */

  /* ── Borders ───────────────────────────────────────────── */
  --border-bright: rgba(255,255,255,0.14);
  --border-mid:    rgba(255,255,255,0.08);
  --border-dim:    rgba(255,255,255,0.04);
  --border-light:  rgba(17,30,44,0.12);
  --border-light-mid: rgba(17,30,44,0.18);

  /* ── Accent ────────────────────────────────────────────── */
  --accent:        #c0cdd8;   /* silver-white — near white on dark, hint of cool */
  --accent-hover:  #d4dfe8;
  --accent-dim:    rgba(192,205,216,0.08);

  /* ── Logo Navy (matches the mark) ─────────────────────── */
  --logo-navy:     #1d3557;

  /* ── Typography ────────────────────────────────────────── */
  --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-body:    'Red Hat Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Font sizes — fluid via clamp where used */
  --fs-xs:   0.6875rem;   /* 11px */
  --fs-sm:   0.8125rem;   /* 13px */
  --fs-base: 1rem;        /* 16px */
  --fs-md:   1.0625rem;   /* 17px */
  --fs-lg:   1.1875rem;   /* 19px */
  --fs-xl:   1.375rem;    /* 22px */
  --fs-2xl:  1.625rem;    /* 26px */
  --fs-3xl:  2rem;        /* 32px */
  --fs-4xl:  2.625rem;    /* 42px */
  --fs-5xl:  3.25rem;     /* 52px */
  --fs-6xl:  4.5rem;      /* 72px */
  --fs-7xl:  6rem;        /* 96px */

  /* Line-heights */
  --lh-tight:   1.05;
  --lh-snug:    1.2;
  --lh-heading: 1.3;
  --lh-body:    1.65;
  --lh-relaxed: 1.8;

  /* Letter-spacing */
  --ls-tight:   -0.035em;
  --ls-snug:    -0.02em;
  --ls-normal:  -0.01em;
  --ls-wide:    0.06em;
  --ls-wider:   0.1em;
  --ls-widest:  0.18em;

  /* ── Spacing ────────────────────────────────────────────── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;
  --sp-40: 10rem;

  /* Section vertical rhythm */
  --section-pad-y:     clamp(5rem, 9vw, 8rem);
  --section-pad-y-sm:  clamp(3.5rem, 6vw, 5rem);

  /* ── Layout ─────────────────────────────────────────────── */
  --container-max:  1380px;
  --container-pad:  clamp(1.5rem, 5vw, 4rem);
  --grid-gap:       clamp(1.5rem, 3vw, 2.5rem);

  /* ── Borders & Radius ───────────────────────────────────── */
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 10px;

  /* ── Shadows ────────────────────────────────────────────── */
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 20px rgba(0,0,0,0.5);
  --shadow-lg:  0 10px 40px rgba(0,0,0,0.6);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.05);

  /* ── Motion ─────────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --dur-fast:   150ms;
  --dur-base:   280ms;
  --dur-slow:   500ms;
  --dur-slower: 750ms;

  /* ── Z-index ─────────────────────────────────────────────── */
  --z-below:   -1;
  --z-base:     0;
  --z-above:    10;
  --z-header:  100;
  --z-overlay: 200;
  --z-modal:   300;
}