/* PrivateBox design tokens — load first on every page */
:root {
    --black: #000;
    --white: #fefefe;
    --canvas: #ffffff;
    --canvas-warm: #fefefe;
    --ink: #111111;
    --text-dark: #111111;
    --navy: #0f172a;
    --ink-muted: #4b5563;
    --ink-subtle: #6b7280;
    --blue: #2563eb;
    --blue-hover: #1d4ed8;
    --blue-light: #3b82f6;
    --gray-mid: #686868;
    --gray-light: #f6f6f6;
    --surface: #faf9f6;
    --line: rgba(0, 0, 0, 0.05);
    --line-strong: rgba(0, 0, 0, 0.08);
    --blue-tint: rgba(37, 99, 235, 0.06);
    --shell: 1120px;
    --shell-wide: 1240px;
    --nav-height: 64px;
    --gutter: 2.5rem;
    --gutter-mobile: 1.25rem;
    --radius-btn: 8px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-card: 24px;
    --radius-hero: 28px;
    --radius-pill: 999px;
    --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.015);
    --shadow-card-hover: 0 16px 40px rgba(0, 0, 0, 0.04);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-fast: 0.2s;
    --dur-med: 0.4s;
    --font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}