/*
   Limooo 全站颜色与界面令牌（单一事实源）
   页面由 base.html 引入本文件；独立门禁页、跳转页和预览页也复用同一色板。
   组件样式只引用下方语义变量，不在页面样式中重复写颜色值。
   */
:root {
    color-scheme: dark;

    /* 主文字层级 */
    --text-primary: #e2e2e3;
    --text-secondary: #b7b7bb;
    --text-muted: #a1a1aa;
    --text-subtle: #787880;
    --text-disabled: #65656b;
    --text-inverse: #ffffff;
    --text-rgb: 226, 226, 227;

    /* 表面、边框与品牌 */
    --bg: #1b1b1f;
    --browser-theme-color: #1e1e1e;
    --text: var(--text-primary);
    --line: #2e2e32;
    --panel-bg: #202127;
    --highlight-surface: #2a2a2f;
    --highlight: var(--highlight-surface);
    --hover-highlight: #ffffff;
    --hover-highlight-soft: rgba(255, 255, 255, 0.12);
    --hover-highlight-border: rgba(255, 255, 255, 0.68);
    --hover-highlight-overlay: rgba(255, 255, 255, 0.14);
    --footer-border: var(--line);
    --accent: #05A5A6;
    --accent-soft: rgba(5, 165, 166, 0.12);
    --accent-glow: rgba(5, 165, 166, 0.2);
    --focus-ring: var(--accent);

    /* 状态色 */
    --danger: #f43f5e;
    --danger-strong: #ff4757;
    --danger-soft: rgba(255, 71, 87, 0.12);
    --danger-button: #f43f5e;
    --error-soft: rgba(185, 28, 28, 0.12);
    --error-border: rgba(185, 28, 28, 0.4);
    --success: #4ade80;
    --success-soft: rgba(34, 197, 94, 0.13);
    --info: #60a5fa;
    --info-soft: rgba(59, 130, 246, 0.13);
    --warning: #fbbf24;
    --warning-soft: rgba(245, 158, 11, 0.13);
    --purple: #c084fc;
    --purple-soft: rgba(168, 85, 247, 0.16);
    --status-down: #dc2626;
    --status-pending: #d97706;

    /* 透明叠层与阴影 */
    --overlay-medium: rgba(0, 0, 0, 0.48);
    --overlay-strong: rgba(0, 0, 0, 0.6);
    --image-caption-scrim: rgba(0, 0, 0, 0.55);
    --shine-subtle: rgba(255, 255, 255, 0.08);
    --text-ghost: rgba(var(--text-rgb), 0.2);
    --border-ghost: rgba(var(--text-rgb), 0.05);
    --scroll-thumb: rgba(var(--text-rgb), 0.1);
    --spinner-track: rgba(var(--text-rgb), 0.15);
    --row-border-ghost: rgba(var(--text-rgb), 0.04);
    --shadow-soft: rgba(0, 0, 0, 0.15);
    --shadow-card: rgba(0, 0, 0, 0.22);
    --shadow-panel: rgba(0, 0, 0, 0.35);
    --visitor-panel-rgb: 27, 29, 33;
    --auth-card-bg: #202127;

    /* 门禁页专属背景与页脚文字 */
    --auth-bg-start: #17181c;
    --auth-bg-end: #101114;
    --footer-label: #E7EBCE;

    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);

    /* 统一圆角 */
    --radius: 10px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 999px;

    /* 字距缩放：中日韩全角文字按 0.65 收紧，仅英文半角按 0.3 收紧 */
    --ls-scale: 0.65;

    /* 深浅切换滑块 */
    --switch-icon: #dfdfd6;
    --switch-shadow: 0 1px 3px var(--shadow-panel);
}

html[lang^="en"] { --ls-scale: 0.3; }

.light-mode {
    color-scheme: light;

    /* 主文字层级 */
    --text-primary: #1f2328;
    --text-secondary: #45474c;
    --text-muted: #6b7280;
    --text-subtle: #858b94;
    --text-disabled: #9ca3af;
    --text-inverse: #ffffff;
    --text-rgb: 31, 35, 40;

    /* 表面、边框与品牌 */
    --bg: #ffffff;
    --browser-theme-color: #ffffff;
    --line: #e2e2e3;
    --panel-bg: #f6f6f7;
    --highlight-surface: #f2f2f3;
    --accent: #05A5A6;
    --accent-soft: rgba(5, 165, 166, 0.12);
    --accent-glow: rgba(5, 165, 166, 0.2);
    --focus-ring: var(--accent);
    --footer-border: var(--line);

    /* 透明叠层与阴影 */
    --visitor-panel-rgb: 240, 240, 240;
    --auth-card-bg: #ffffff;
    --auth-bg-start: #f3f4f6;
    --auth-bg-end: #e5e7eb;
    --footer-label: #9ca3af;
    --switch-icon: #67676c;
    --switch-shadow: 0 1px 2px var(--shadow-soft);
}