/* ArenaCast · Design Tokens
   ------------------------------------------------------------
   单一真理源：颜色 / 字号 / 间距 / 圆角 / 阴影 / 动效
   命名遵循 --<scope>-<role>-<variant?> 三段式
   ------------------------------------------------------------ */

:root {
    /* 品牌主色 —— 靛紫 */
    --c-brand:           #7C3AED;
    --c-brand-soft:      #A78BFA;
    --c-brand-deep:      #5B21B6;
    --c-brand-tint:      rgba(124, 58, 237, 0.10);
    --c-on-brand:        #FFFFFF;

    /* 辅色 —— 琥珀金 */
    --c-warm:            #F59E0B;
    --c-warm-soft:       #FBBF24;
    --c-warm-deep:       #B45309;
    --c-warm-tint:       rgba(245, 158, 11, 0.12);

    /* 直播红 / 状态色 */
    --c-onair:           #EF4444;
    --c-onair-glow:      rgba(239, 68, 68, 0.38);
    --c-pass:            #10B981;
    --c-warn:            #EAB308;
    --c-stop:            #DC2626;
    --c-info:            #06B6D4;

    /* 表面与背景 */
    --c-canvas:          #FAF7F2;
    --c-wash-a:          #FDFBF6;
    --c-wash-b:          #F4ECDF;
    --c-wash-c:          #F0E7FF;
    --c-plate:           rgba(255, 255, 255, 0.62);
    --c-plate-hi:        rgba(255, 255, 255, 0.82);
    --c-plate-lo:        rgba(255, 255, 255, 0.48);

    /* 字体颜色 */
    --c-ink:             #1C1917;
    --c-ink-mid:         #57534E;
    --c-ink-low:         #A8A29E;
    --c-ink-inv:         #FAFAF9;

    /* 描边 */
    --c-edge:            rgba(28, 25, 23, 0.08);
    --c-edge-strong:     rgba(28, 25, 23, 0.14);
    --c-edge-glass:      rgba(255, 255, 255, 0.42);

    /* 玻璃面板 */
    --frost-soft:        10px;
    --frost-hard:        22px;
    --frost-line:        1px solid rgba(255, 255, 255, 0.45);
    --frost-cast:        0 6px 28px rgba(91, 33, 182, 0.08);
    --frost-cast-up:     0 16px 44px rgba(91, 33, 182, 0.14);

    /* 字体族 */
    --type-display:      'Oswald', 'Impact', 'Helvetica Neue', sans-serif;
    --type-body:         'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* 字号刻度（不用 rem 的整倍，刻意做出区别） */
    --text-3xs:          0.6875rem;
    --text-2xs:          0.75rem;
    --text-xs:           0.8125rem;
    --text-md:           0.9375rem;
    --text-lg:           1.0625rem;
    --text-xl:           1.25rem;
    --text-2xl:          1.625rem;
    --text-3xl:          2.125rem;
    --text-4xl:          2.875rem;

    /* 间距：t-shirt 命名 */
    --gap-2xs:           0.25rem;
    --gap-xs:            0.5rem;
    --gap-sm:            0.75rem;
    --gap-md:            1.0625rem;
    --gap-lg:            1.5rem;
    --gap-xl:            2.125rem;
    --gap-2xl:           3.25rem;
    --gap-3xl:           4.75rem;

    /* 圆角刻度 */
    --round-xs:          6px;
    --round-sm:          10px;
    --round-md:          14px;
    --round-lg:          20px;
    --round-xl:          28px;
    --round-pill:        999rem;

    /* 缓动 */
    --ease-quick:        120ms cubic-bezier(0.4, 0, 0.2, 1);
    --ease-mid:          220ms cubic-bezier(0.33, 0.1, 0.27, 1);
    --ease-slow:         360ms cubic-bezier(0.16, 0.84, 0.44, 1);

    /* 框架 */
    --frame-max:         1380px;
    --rail-w:            300px;
    --topbar-h:          68px;

    /* z 层级 */
    --layer-flat:        0;
    --layer-rise:        12;
    --layer-stick:       22;
    --layer-top:         42;
    --layer-shade:       110;
    --layer-sheet:       210;
    --layer-cry:         1100;
}