/* =========================================================
   Loya Smart - Design Tokens (De-AI Phase 1)
   ========================================================= */

:root {
    --radius-none: 0;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    --space-2xs: 4px;
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 32px;
    --space-xl: 48px;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;

    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.65;

    --font-sans: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.08);
    --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.10);

    --token-ink: oklch(18% 0.01 255);
    --token-ink-soft: oklch(45% 0.01 255);
    --token-border: oklch(88% 0.01 255);
    --token-border-strong: oklch(78% 0.012 255);
    --token-surface: oklch(100% 0 0);
    --token-surface-muted: oklch(97% 0.004 255);
    --token-surface-subtle: oklch(95% 0.006 255);
    --token-bg: oklch(95% 0.005 255);
    --token-bg-panel: oklch(12% 0.008 255);
    --token-bg-panel-2: oklch(18% 0.01 255);
    --token-white: oklch(100% 0 0);
    --token-gold: oklch(84% 0.19 80.46);
    --token-gold-soft: oklch(94% 0.03 80.46);
    --token-blue: oklch(56% 0.17 258);
    --token-blue-soft: oklch(94% 0.02 258);
    --token-success: oklch(64% 0.14 155);
    --token-success-soft: oklch(96% 0.02 155);
    --token-danger: oklch(58% 0.18 28);
    --token-danger-soft: oklch(95% 0.02 28);
}