/* 设计令牌：渡鸦黑曜底色 + 鎏金主色的统一视觉变量 */
:root {
    color-scheme: dark;

    /* 色板 */
    --ink-950: #07070b;
    --ink-900: #0b0b12;
    --ink-850: #101018;
    --ink-800: #15151f;
    --ink-700: #1d1d2a;

    --gold-300: #f6dc9a;
    --gold-400: #eec569;
    --gold-500: #dda93e;
    --gold-600: #b9852a;

    --azure-400: #7aa8ff;
    --jade-400: #5fd39a;
    --rose-400: #ff8f86;

    --text-strong: #f4f1ea;
    --text-body: #c9c6bd;
    --text-muted: #8a877e;
    --text-faint: #5d5b54;

    /* 表面与描边 */
    --surface-1: rgba(255, 255, 255, 0.028);
    --surface-2: rgba(255, 255, 255, 0.05);
    --surface-3: rgba(255, 255, 255, 0.08);
    --stroke-1: rgba(255, 255, 255, 0.07);
    --stroke-2: rgba(255, 255, 255, 0.13);
    --stroke-gold: rgba(238, 197, 105, 0.38);

    /* 渐变 */
    --grad-gold: linear-gradient(135deg, var(--gold-300) 0%, var(--gold-400) 45%, var(--gold-600) 100%);
    --grad-gold-text: linear-gradient(120deg, #f8e3ae 0%, #eec569 45%, #cf9630 100%);
    --grad-panel: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015) 55%);

    /* 圆角 */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 26px;
    --radius-pill: 999px;

    /* 阴影与光晕 */
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-2: 0 10px 30px rgba(0, 0, 0, 0.45);
    --shadow-3: 0 24px 70px rgba(0, 0, 0, 0.55);
    --glow-gold: 0 0 0 1px rgba(238, 197, 105, 0.22), 0 8px 28px rgba(221, 169, 62, 0.22);

    /* 字体 */
    --font-sans: "Inter", "Segoe UI", "Microsoft YaHei UI", "PingFang SC", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;

    /* 动效 */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-fast: 0.16s;
    --dur-med: 0.32s;
}