/* * Bidire News — Default theme * * The original kumkuma-ink palette. Warm off-white paper, deep ink text, * kumkuma-orange primary accent, indigo secondary, coastal-Karnataka warmth. * * Load via: * Dark mode: activated by `` — set by the theme toggle. */ :root { /* ── Surface ──────────────────────────────────────── */ --color-paper: oklch(0.975 0.014 85); --color-paper-2: oklch(0.945 0.022 75); --color-line: oklch(0.86 0.02 70); /* ── Ink (foreground) ─────────────────────────────── */ --color-ink: oklch(0.18 0.025 50); --color-ink-soft: oklch(0.32 0.02 50); --color-ink-mute: oklch(0.52 0.015 50); /* ── Primary accent — kumkuma orange ──────────────── */ --color-accent: oklch(0.68 0.20 42); --color-accent-dk: oklch(0.52 0.18 35); --color-accent-lt: oklch(0.94 0.055 55); /* ── Secondary accent — indigo ────────────────────── */ --color-sec: oklch(0.42 0.16 275); --color-sec-dk: oklch(0.30 0.14 278); --color-sec-lt: oklch(0.94 0.035 270); /* ── Tertiary for differentiation ─────────────────── */ --color-tert: oklch(0.48 0.13 155); /* green */ --color-warm: oklch(0.58 0.18 12); /* rose */ /* ── Inverse surface — podcast, footer, ticker ────── */ --color-inv-bg: oklch(0.18 0.025 50); --color-inv-bg-card: oklch(0.24 0.03 50); --color-inv-bg-card-2: oklch(0.28 0.025 50); --color-inv-border: oklch(0.35 0.025 50); --color-inv-border-soft: oklch(0.28 0.025 50); --color-inv-text: oklch(0.975 0.014 85); --color-inv-text-mute: oklch(0.75 0.02 50); --color-inv-text-soft: oklch(0.72 0.015 50); --color-inv-text-dim: oklch(0.60 0.02 50); --color-inv-big-letter: oklch(0.25 0.03 50); /* ── Newsletter band — bright accent variant ──────── */ --color-news-bg: var(--color-accent); --color-news-text: var(--color-ink); --color-news-text-mute: oklch(0.22 0.08 35); --color-news-text-fine: oklch(0.26 0.08 35); --color-news-divider: oklch(0.55 0.16 40); --color-news-watermark: var(--color-accent-dk); --color-news-watermark-opacity: 0.22; /* ── Selection ────────────────────────────────────── */ --color-selection-bg: var(--color-accent); --color-selection-fg: var(--color-paper); color-scheme: light; } /* ── DARK ─────────────────────────────────────────── */ [data-theme="dark"] { --color-paper: oklch(0.17 0.02 55); --color-paper-2: oklch(0.22 0.025 55); --color-line: oklch(0.30 0.02 55); --color-ink: oklch(0.95 0.01 85); --color-ink-soft: oklch(0.82 0.015 60); --color-ink-mute: oklch(0.62 0.018 55); --color-accent: oklch(0.74 0.19 45); --color-accent-dk: oklch(0.82 0.17 52); --color-accent-lt: oklch(0.30 0.08 40); --color-sec: oklch(0.68 0.16 275); --color-sec-dk: oklch(0.78 0.14 275); --color-sec-lt: oklch(0.28 0.08 275); --color-tert: oklch(0.70 0.14 155); --color-warm: oklch(0.72 0.17 15); --color-inv-bg: oklch(0.12 0.02 55); --color-inv-bg-card: oklch(0.19 0.025 55); --color-inv-bg-card-2: oklch(0.22 0.025 55); --color-inv-border: oklch(0.30 0.025 55); --color-inv-border-soft: oklch(0.24 0.025 55); --color-inv-text: oklch(0.95 0.01 85); --color-inv-text-mute: oklch(0.78 0.02 55); --color-inv-text-soft: oklch(0.75 0.015 55); --color-inv-text-dim: oklch(0.62 0.02 55); --color-inv-big-letter: oklch(0.20 0.025 55); /* Newsletter band in dark — muted warm band, not bright orange */ --color-news-bg: oklch(0.30 0.12 45); --color-news-text: oklch(0.96 0.02 60); --color-news-text-mute: oklch(0.85 0.04 55); --color-news-text-fine: oklch(0.78 0.04 55); --color-news-divider: oklch(0.42 0.10 45); --color-news-watermark: oklch(0.42 0.14 42); --color-news-watermark-opacity: 0.38; --color-selection-fg: oklch(0.15 0.02 55); color-scheme: dark; }