/* Claude Design 視覺權威 token（來源：JCS 進銷存－電腦版.dc.html helmet，etag 1786583270179111） */
:root {
    --slate-0: #FFFFFF;
    --slate-50: #F8FAFC;
    --slate-100: #F1F5F9;
    --slate-150: #E6EBF2;
    --slate-200: #DDE3EC;
    --slate-300: #C4CDDA;
    --slate-400: #94A0B4;
    --slate-500: #64748B;
    --slate-600: #475569;
    --slate-700: #334155;
    --slate-800: #1E293B;
    --slate-900: #0F172A;
    --slate-950: #0B1220;
    --teal-50: #ECFAFD;
    --teal-100: #D0F2F8;
    --teal-200: #A6E4EF;
    --teal-300: #6FD0E2;
    --teal-400: #48B8CF;
    --teal-500: #30A0C0;
    --teal-600: #228AAA;
    --teal-700: #1C6F8B;
    --teal-800: #1A5B72;
    --teal-900: #174B5F;
    --success-50: #F0FDF4;
    --success-100: #DCFCE7;
    --success-500: #16A34A;
    --success-700: #15803D;
    --danger-50: #FEF2F2;
    --danger-100: #FEE2E2;
    --danger-500: #DC2626;
    --danger-700: #B91C1C;
    --warning-50: #FFFBEB;
    --warning-100: #FEF3C7;
    --warning-500: #F59E0B;
    --warning-700: #B45309;
    --info-50: #F0F9FF;
    --info-100: #E0F2FE;
    --info-500: #0EA5E9;
    --info-700: #0369A1;
    --bg: #EBF0F6;
    --surface: var(--slate-0);
    --surface-2: #F4F7FB;
    --surface-hover: #E4EAF3;
    --surface-press: #D8E0EC;
    --border: #D2DAE6;
    --border-strong: #AFBACB;
    --divider: #E2E8F1;
    --fg-strong: var(--slate-900);
    --fg: var(--slate-800);
    --fg-muted: var(--slate-500);
    --fg-subtle: var(--slate-400);
    --fg-on-primary: var(--slate-0);
    --primary: var(--teal-500);
    --primary-hover: var(--teal-600);
    --primary-press: var(--teal-700);
    --primary-soft: var(--teal-50);
    --success: var(--success-500);
    --danger: var(--danger-500);
    --warning: var(--warning-500);
    --info: var(--info-500);
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 999px;
    --radius-xl: 16px;
    --shadow-sm: 0 1px 2px rgba(15,23,42,0.10),0 0 0 1px rgba(15,23,42,0.04);
    --shadow-md: 0 4px 12px -2px rgba(15,23,42,0.14);
    --shadow-lg: 0 12px 32px -8px rgba(15,23,42,0.20);
    --overlay: rgba(11,18,32,0.4);
    --font-sans: 'Inter','Noto Sans TC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --font-mono: 'JetBrains Mono','SF Mono',Menlo,Consolas,monospace;
}

/* 手機版深色面層差異留待 1.3／1.4 套用。 */
:root[data-theme="dark"] {
    --slate-950: #060B14;
    --teal-700: #7FD8E8;
    --bg: #0B1220;
    --surface: #141C2B;
    --surface-2: #111926;
    --surface-hover: #1D2637;
    --surface-press: #27324A;
    --border: #26303F;
    --border-strong: #3A4557;
    --divider: #1E2735;
    --fg-strong: #F1F5F9;
    --fg: #DDE3EC;
    --fg-muted: #94A0B4;
    --fg-subtle: #6B7A90;
    --fg-on-primary: #06212B;
    --primary: #48B8CF;
    --primary-hover: #6FD0E2;
    --primary-press: #A6E4EF;
    --primary-soft: rgba(48,160,192,0.16);
    --success-50: rgba(22,163,74,0.18);
    --success-100: rgba(22,163,74,0.22);
    --success-700: #5BE49B;
    --danger-50: rgba(220,38,38,0.20);
    --danger-100: rgba(220,38,38,0.24);
    --danger-500: #F05252;
    --danger-700: #FF8B8B;
    --warning-50: rgba(245,158,11,0.18);
    --warning-100: rgba(245,158,11,0.22);
    --warning-700: #FBBF24;
    --info-50: rgba(14,165,233,0.16);
    --info-100: rgba(14,165,233,0.20);
    --info-700: #7DD3FC;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-md: 0 4px 12px -2px rgba(0,0,0,0.45);
    --shadow-lg: 0 14px 36px -10px rgba(0,0,0,0.6);
    --overlay: rgba(0,0,0,0.55);
}