/* ===================================
   Camera Viewer - Shared Design Tokens
   所有頁面共用;頁面專屬變數放各自的 CSS。
   =================================== */

:root {
    /* surfaces */
    --bg-primary: #0a0a0a;
    --bg-secondary: #141414;
    --bg-card: #141414;
    --bg-tertiary: #1a1a1a;
    --bg-input: #1c1c1e;
    --bg-glass: rgba(30, 30, 30, 0.85);

    /* borders */
    --border: rgba(255, 255, 255, 0.1);
    --border-color: rgba(255, 255, 255, 0.1);

    /* text */
    --text-primary: #f5f5f5;
    --text-secondary: rgba(255, 255, 255, 0.65);
    --text-muted: rgba(255, 255, 255, 0.4);

    /* accent(--accent 供文字/描邊;--accent-strong 供實心底色) */
    --accent: #60a5fa;
    --accent-rgb: 96, 165, 250;
    --accent-strong: #3b82f6;
    --accent-hover: #60a5fa;
    --accent-glow: rgba(59, 130, 246, 0.3);

    /* status */
    --danger: #ef4444;
    --danger-rgb: 239, 68, 68;
    --danger-light: #fca5a5;
    --success: #34d399;
    --warning: #f59e0b;

    /* motion & elevation */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
}