/**
 * AR STUDIOS Premium Telugu News Theme — design tokens.
 * Edit these variables to restyle the entire publication.
 * Layout rules live in style.css and consume these tokens.
 */

:root {
    --color-ink: #161513;
    --color-ink-soft: #4a4742;
    --color-paper: #f6f3ee;
    --color-surface: #ffffff;
    --color-rule: #ddd6cc;
    --color-rule-strong: #c9c0b4;
    --color-accent: #9f1d17;
    --color-accent-dark: #7a1612;
    --color-on-accent: #ffffff;
    --color-ticker: #1b1916;
    --color-ticker-text: #f4efe8;
    --color-footer: #141311;
    --color-footer-text: #c8c2b8;
    --color-focus: #1d4ed8;

    --font-sans: "Noto Sans Telugu", "Nirmala UI", Gautami, "Telugu Sangam MN", "Segoe UI", system-ui, sans-serif;

    --text-display: clamp(1.65rem, 4vw, 2.35rem);
    --text-h1: clamp(1.55rem, 3.4vw, 2.15rem);
    --text-h2: 1.25rem;
    --text-h3: 1.05rem;
    --text-card: 1.05rem;
    --text-body: 1.0625rem;
    --text-meta: 0.8125rem;
    --text-nav: 0.9375rem;
    --text-ticker: 0.875rem;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;

    --radius: 2px;
    --shadow: none;
    --border: 1px solid var(--color-rule);

    --container: 1320px;
    --article-measure: 760px;
    --rail: 300px;
    --header-height: 60px;

    --z-base: 1;
    --z-header: 100;
    --z-drawer: 400;
    --z-overlay: 500;

    --ease: 160ms ease;

    --bp-sm: 360px;
    --bp-md: 768px;
    --bp-lg: 1024px;
    --bp-xl: 1280px;
}