/* ═══════════════════════════════════════════════════════════════════════════════
   ATH-TECH landing — design tokens.
   Same palette as AthtechHddt (wwwroot/css/theme.css): blue accent, navy sidebar gradient, cool slate neutrals,
   soft ink-blue shadows. Typeface and layout follow the landing mockup (Be Vietnam Pro + JetBrains Mono).
   ═══════════════════════════════════════════════════════════════════════════════ */

:root {
    /* Accent — Hddt --rz-primary family */
    --primary: #1b6cf2;
    --primary-dark: #1556c9;
    --primary-darker: #0f3f9a;
    --primary-tint: rgba(27, 108, 242, 0.10);
    --cyan: #7fd8ee;

    /* Navy — Hddt sidebar gradient (--hd-nav-bg-*) */
    --navy-900: #08183f;
    --navy-800: #0c2b6e;
    --navy-700: #13285a;
    --navy-card: #0f2045;
    --navy-line: #24365e;
    --navy-text: #c7d4ef;
    --navy-muted: #8da2cf;

    /* Neutrals — Hddt slate ramp */
    --white: #ffffff;
    --base-50: #f8fafc;
    --base-100: #f2f5fb;
    --base-200: #e9edf2;
    --base-300: #dde3ea;
    --base-400: #c2cad6;
    --base-600: #5b6472;
    --base-700: #3f4650;
    --base-900: #14181f;
    --ink: #0b1733;

    --success: #0e8a6a;
    --success-tint: #e3f6ef;

    --radius: 10px;
    --radius-lg: 18px;
    --shadow-sm: 0 1px 2px rgba(20, 24, 31, 0.06), 0 1px 3px rgba(20, 24, 31, 0.10);
    --shadow-md: 0 4px 8px -2px rgba(20, 24, 31, 0.10), 0 10px 20px -4px rgba(20, 24, 31, 0.08);

    --font: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

    --gutter: clamp(16px, 4vw, 32px);
    --section-y: clamp(64px, 8vw, 104px);
    --max: 1200px;
}