:root {
    --background: #f6f8fc;
    --foreground: #161823;
    --card: #ffffff;
    --card-foreground: #161823;
    --popover: #ffffff;
    --popover-foreground: #161823;

    --primary: #1f6feb;
    --primary-foreground: #ffffff;
    --primary-hover: #1858c4;
    --secondary: #eef2f8;
    --secondary-foreground: #313340;
    --muted: #eef2f8;
    --muted-foreground: #5d5f6b;
    --accent: #e6f0ff;
    --accent-foreground: #0b3d91;
    --destructive: #e5484d;
    --destructive-foreground: #ffffff;
    --success: #10b981;
    --warning: #b7791f;
    --border: #dfe5ef;
    --input: #d3dbe8;
    --ring: #1f6feb;

    --brand-cyan: #0fb3ae;
    --brand-cyan-soft: #e3fefd;
    --brand-gold: #c99a2e;
    --brand-gradient: linear-gradient(135deg, #1f6feb 0%, #22c3e6 55%, #d4a23c 120%);

    --surface-warm: #f8fafd;
    --surface-warm-2: #eef2f8;

    --chart-1: #1f6feb;
    --chart-2: #22c3e6;
    --chart-3: #d4a23c;
    --chart-4: #0fb3ae;
    --chart-5: #5b4bd6;

    --sidebar: #f8fafd;
    --sidebar-foreground: #161823;
    --sidebar-primary: #1f6feb;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #e6f0ff;
    --sidebar-accent-foreground: #0b3d91;
    --sidebar-border: #e8e8ec;
    --sidebar-ring: #1f6feb;

    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Noto Sans", sans-serif;
    --font-display: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;
    --font-serif: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", "Songti TC", serif;
    --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;

    --radius: 0.875rem;
    --radius-sm: 0.5rem;
    --radius-xs: 0.375rem;
    --radius-pill: 999px;

    --shadow-color: 22 24 35;
    --shadow-xs: 0 1px 0 0 rgb(var(--shadow-color) / 0.02);
    --shadow-sm: 0 1px 0 0 rgb(var(--shadow-color) / 0.03), 0 1px 2px -1px rgb(var(--shadow-color) / 0.04);
    --shadow: 0 1px 0 0 rgb(var(--shadow-color) / 0.03), 0 2px 4px -1px rgb(var(--shadow-color) / 0.05);
    --shadow-md: 0 1px 0 0 rgb(var(--shadow-color) / 0.04), 0 6px 14px -4px rgb(var(--shadow-color) / 0.08);
    --shadow-lg: 0 1px 0 0 rgb(var(--shadow-color) / 0.05), 0 14px 32px -8px rgb(var(--shadow-color) / 0.12);

    --tracking-tight: -0.02em;
    --tracking-normal: 0em;
    --tracking-kicker: 0.14em;
    --spacing: 0.24rem;

    --container: 1120px;
    --container-narrow: 760px;
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

.dark {
    --background: #070b14;
    --foreground: #e8eef7;
    --card: #0e1522;
    --card-foreground: #e8eef7;
    --popover: #121c2b;
    --popover-foreground: #e8eef7;

    --primary: #3b8cff;
    --primary-foreground: #ffffff;
    --primary-hover: #63a6ff;
    --secondary: #16213a;
    --secondary-foreground: #e8e8ec;
    --muted: #111a2b;
    --muted-foreground: #94a3bd;
    --accent: #0f2547;
    --accent-foreground: #9cc7ff;
    --destructive: #ff6b81;
    --destructive-foreground: #161823;
    --success: #34d399;
    --warning: #e0b450;
    --border: #1e2b42;
    --input: #24334d;
    --ring: #3b8cff;

    --brand-cyan: #2ee6d6;
    --brand-cyan-soft: #0b2b33;

    --surface-warm: #0c1320;
    --surface-warm-2: #111a2b;

    --chart-1: #3b8cff;
    --chart-2: #2ee6d6;
    --chart-3: #f2c46b;
    --chart-4: #a995ff;
    --chart-5: #94a3bd;

    --sidebar: #0b111d;
    --sidebar-foreground: #f5f5f7;
    --sidebar-primary: #3b8cff;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #0f2547;
    --sidebar-accent-foreground: #9cc7ff;
    --sidebar-border: #1e2b42;
    --sidebar-ring: #3b8cff;

    --shadow-color: 0 0 0;
    --shadow-xs: 0 1px 0 0 rgb(0 0 0 / 0.3);
    --shadow-sm: 0 1px 0 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.4);
    --shadow: 0 1px 0 0 rgb(0 0 0 / 0.3), 0 2px 4px -1px rgb(0 0 0 / 0.4);
    --shadow-md: 0 1px 0 0 rgb(0 0 0 / 0.35), 0 6px 14px -4px rgb(0 0 0 / 0.5);
    --shadow-lg: 0 1px 0 0 rgb(0 0 0 / 0.4), 0 14px 32px -8px rgb(0 0 0 / 0.6);
    --brand-gold: #f2c46b;
    --brand-gradient: linear-gradient(135deg, #3b8cff 0%, #2ee6d6 60%, #f2c46b 130%);
    --shadow-color: 0 0 0;
}