/* NLMedia D2 Charcoal Studio — design tokens */

@import url("../assets/fonts/ofl/ofl.css");

:root {
  --bg: #0b0b0c;
  --bg-elevated: #141416;
  --fg: #ececec;
  --muted: #9a9a9a;
  --silver: #b8b8b8;
  --border: #2a2a2e;
  --cta-bg: #e8e8e8;
  --cta-fg: #0b0b0c;
  --cta-hover: #ffffff;
  --focus: #c8c8c8;

  --font-display: "Sora", sans-serif;
  --font-body: "DM Sans", sans-serif;
  /* lead-magnet titles; fallback keeps RO/EN readable if glyph missing */
  --font-lead-title: "Plus Jakarta Sans", "Sora", sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --text-2xl: clamp(1.75rem, 4vw, 2.5rem);
  --text-3xl: clamp(2rem, 5vw, 3.25rem);

  --leading-tight: 1.2;
  --leading-body: 1.55;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;

  --content-max: 68rem;
  --content-narrow: 42rem;
  --section-y: clamp(3.5rem, 8vw, 6rem);
  --gutter: clamp(1.25rem, 4vw, 2rem);

  --radius: 2px;
  --header-h: 4.5rem;

  --z-header: 40;
  --z-sticky: 50;
  --z-overlay: 60;
}