/* ClearTrade Report — Design System V2 "Bright editorial" tokens
   Version 1.0 · 2026-10-02 · locked
   Rules: Night only on homepage cover, article opening, footer.
          Amber never as text on white (use --ct-amber-text). */

:root {
  /* Surfaces */
  --ct-paper: #FFFFFF;
  --ct-surface: #F6F6F4;
  --ct-night: #0D0F12;

  /* Text */
  --ct-ink: #0F1115;
  --ct-ink-2: #3B3F47;
  --ct-body: #1D2026;
  --ct-meta: #6B7079;
  --ct-rule: #E4E5E8;
  --ct-rule-strong: #DADBDF;
  --ct-field-border: #C4C6CB;
  --ct-numeral: #C4C6CB;

  /* Accent */
  --ct-amber: #F2B230;
  --ct-amber-text: #8A6410;
  --ct-amber-highlight: #FCEFC9;
  --ct-amber-tint: #FDF3DC;
  --ct-selected-bg: #FFFBF1;

  /* Semantic */
  --ct-safety: #B42318;
  --ct-safety-bg: #FDF0EE;
  --ct-safety-ink: #3B1D18;
  --ct-verified: #1E5A2C;
  --ct-verified-bg: #EEF6EF;
  --ct-sponsor-bg: #F3EEE4;
  --ct-sponsor-line: #9A8762;
  --ct-sponsor-ink: #5A4B2E;
  --ct-sponsor-well: #EFE9DD;
  --ct-ad-well: #F3F3F1;
  --ct-ad-line: #C4C6CB;
  --ct-well: #FAFAF9;
  --ct-photo-slot: #2A2E35;

  /* On Night */
  --ct-night-text: #A9ADB5;
  --ct-night-deck: #C9CCD2;
  --ct-night-rule: #2A2E35;

  /* Type */
  --ct-font-sans: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --ct-font-serif: "Source Serif 4", Georgia, serif;
  --ct-fs-cover: clamp(32px, 3.9vw, 58px);
  --ct-fs-h1-article: clamp(31px, 3.8vw, 56px);
  --ct-fs-h1-section: clamp(46px, 6.4vw, 96px);
  --ct-fs-h1-page: clamp(40px, 5.4vw, 80px);
  --ct-fs-section: 36px;
  --ct-fs-card-l: 30px;
  --ct-fs-card-m: 20px;
  --ct-fs-card-s: 16px;
  --ct-fs-deck: 21px;
  --ct-fs-body: 19px;
  --ct-lh-body: 1.72;
  --ct-fs-kicker: 12px;
  --ct-fs-meta: 13px;
  --ct-ls-headline: -0.03em;
  --ct-ls-kicker: 0.08em;

  /* Shape */
  --ct-radius-img: 4px;
  --ct-radius-card: 6px;
  --ct-radius-panel: 8px;
  --ct-radius-btn: 3px;
  --ct-radius-chip: 20px;

  /* Spacing scale */
  --ct-s1: 4px;  --ct-s2: 8px;  --ct-s3: 12px; --ct-s4: 16px; --ct-s5: 24px;
  --ct-s6: 32px; --ct-s7: 48px; --ct-s8: 64px; --ct-s9: 88px;

  /* Layout */
  --ct-container: 1440px;
  --ct-container-narrow: 1240px;
  --ct-container-list: 1320px;
  --ct-article: 1160px;
  --ct-measure: 700px;
  --ct-rail: 300px;
  --ct-gutter: 40px;
  --ct-gutter-sm: 16px;
  --ct-target: 44px;

  /* Interaction */
  --ct-focus: 3px solid var(--ct-amber);
  --ct-focus-offset: 2px;
}

/* Base behaviors */
body { margin: 0; background: var(--ct-paper); color: var(--ct-ink); font-family: var(--ct-font-sans); }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-decoration-color: var(--ct-amber); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.ct-prose a { text-decoration: underline; text-decoration-color: var(--ct-amber); text-decoration-thickness: 2px; text-underline-offset: 3px; }
:where(a, button, input, select, textarea, summary):focus-visible { outline: var(--ct-focus); outline-offset: var(--ct-focus-offset); }
mark { background: var(--ct-amber-highlight); color: inherit; padding: 0 2px; border-radius: 2px; }
.ct-section-rule { display: block; width: 32px; height: 3px; background: var(--ct-amber); }
@media (max-width: 600px) { :root { --ct-gutter: var(--ct-gutter-sm); } }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }