/* =========================================================================
   SecondRead — Design tokens (DESIGN-SPEC §1)
   Πηγή αλήθειας για χρώματα / τυπογραφία / spacing / layout. Καμία ad-hoc τιμή
   στο υπόλοιπο CSS — μόνο var(--sr-*).
   Χρώματα εξαγμένα από Figma (Selection colors). Light-theme nav band = navy
   (needs live QA confirmation). Gradient newsletter = provisional stops.
   ========================================================================= */

:root {
	/* Typography */
	--sr-font: "LT Superior", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--sr-fw-regular: 400;
	--sr-fw-medium: 500;
	--sr-fw-semibold: 600;
	--sr-fw-bold: 700;
	--sr-fw-extrabold: 800;
	--sr-fw-black: 900;

	/* Type scale (size / line-height) — DESIGN-SPEC §1.2 */
	--sr-fs-caption-15: 15px;  --sr-lh-caption-15: 1.3;
	--sr-fs-caption-16: 16px;  --sr-lh-caption-16: 1.3;
	--sr-fs-text-18: 18px;     --sr-lh-text-18: 24px;
	--sr-fs-title-20: 20px;    --sr-lh-title-20: 24px;
	--sr-fs-title-22: 22px;    --sr-lh-title-22: 26px;
	--sr-fs-title-28: 28px;    --sr-lh-title-28: 30px;
	--sr-fs-title-32: 32px;    --sr-lh-title-32: 36px;
	--sr-fs-title-38: 38px;    --sr-lh-title-38: 50px;
	--sr-fs-title-48: 48px;    --sr-lh-title-48: 50px;

	/* Spacing (8pt) */
	--sr-space-1: 4px;  --sr-space-2: 8px;  --sr-space-3: 12px; --sr-space-4: 16px;
	--sr-space-5: 24px; --sr-space-6: 32px; --sr-space-7: 48px; --sr-space-8: 64px;
	--sr-space-9: 80px; --sr-space-10: 96px; --sr-space-11: 128px;

	/* Layout — content ~1760 σε frame 1921, ~80px πλαϊνά· responsive gutters */
	--sr-content-max: 1760px;
	--sr-gutter: clamp(16px, 4vw, 80px);
	--sr-grid-cols: 12;
	--sr-grid-gap: 24px;

	/* Header — Figma nav 218:4440 (masthead 181 + nav bar 67 = 248) */
	--sr-masthead-h: 181px;
	--sr-nav-h: 67px;
	--sr-brand-w: 430px;   /* Frame 318 brand lockup — λίγο πιο compact (doc) */

	/* Brand accents (κοινά σε dark/light) — Figma exact */
	--sr-accent-warm: #dd4536;   /* Big Picture / Video / Related / Most Read */
	--sr-accent-cool: #2e31fa;   /* Backstage / Talks */
	--sr-navy: #00003f;          /* footer */
	--sr-masthead-text: #1a1a1a;      /* σκούρο κείμενο στο λευκό masthead */
	--sr-masthead-secondary: #6f8894;
	--sr-meta: #747474;               /* ημ/νία·ώρα byline meta (Figma, dark & light) */

	/* Ad slot reserved sizes (no CLS) — DESIGN-SPEC §8 */
	--sr-ad-top-h: 180px;
	--sr-ad-billboard-h: 300px;
	--sr-ad-halfpage-w: 300px;
	--sr-ad-halfpage-h: 600px;
}

/* ---------- DARK (default) ---------- */
:root,
[data-theme="dark"] {
	color-scheme: dark;
	--sr-bg: #010711;
	--sr-surface: #010611;
	--sr-surface-2: #0a1120;
	--sr-text: #ffffff;
	--sr-text-strong: #ffffff;
	--sr-text-secondary: #bcbcbc;
	--sr-border: rgba(255, 255, 255, 0.12);
	--sr-divider: rgba(255, 255, 255, 0.18);
	--sr-link: #ffffff;
	--sr-byline-name: #ffffff;   /* dark → λευκό όνομα byline */

	--sr-header-bg: #ffffff;
	--sr-nav-bg: #010611;
	--sr-nav-text: #ffffff;
	--sr-footer-bg: var(--sr-navy);
	--sr-footer-text: #ffffff;

	--sr-newsletter-gradient: linear-gradient(90deg, #00003f 0%, #1b1fd6 100%);
}

/* ---------- LIGHT ---------- */
[data-theme="light"] {
	color-scheme: light;
	--sr-bg: #ffffff;
	--sr-surface: #f5f5f5;
	--sr-surface-2: #fbfbfb;
	--sr-text: #2b2e34;
	--sr-text-strong: #000000;
	--sr-text-secondary: #747474;
	--sr-border: #e0e0e5;
	--sr-divider: #d1d1d1;
	--sr-link: #2b2e34;
	--sr-byline-name: #00003f;   /* light → navy όνομα byline (doc) */

	--sr-header-bg: #ffffff;
	--sr-nav-bg: #ffffff;        /* light mode → ανοιχτό nav (doc) */
	--sr-nav-text: #010611;      /* σκούρο κείμενο στο ανοιχτό nav */
	--sr-footer-bg: var(--sr-navy);
	--sr-footer-text: #ffffff;

	--sr-newsletter-gradient: linear-gradient(90deg, #00003f 0%, #1b1fd6 100%);
}

/* Default = dark πάντα. Το light εφαρμόζεται ΜΟΝΟ με ρητή επιλογή (data-theme="light"). */