/*
@File: Droneshot Design Tokens (canonical source)
@Rule: 全站唯一 token 來源。新增顏色/間距/圓角/陰影一律先在此定義。
       style.css :root 為過渡期鏡像（值相同），日後移除。
       詳見 /DESIGN.md 與 /DEPLOY-CHECKLIST.md。
*/
:root {
    /* --- 品牌色（2026-07 改版：橘 → 四色 palette） --- */
    --bg-dark: #1a2332;                 /* 深底維持 */
    --surface: #373A46;                 /* Tuna：卡片/nav 抬升層 */
    --primary: #FEEEA5;                 /* Vis Vis：主 accent（連結/英文/裝飾） */
    --primary-gradient: linear-gradient(135deg, #FEEEA5 0%, #F6A170 100%); /* Vis Vis→Sandy：暖 CTA */
    --accent: #F6A170;                  /* Sandy：暖跳色實心 CTA */
    --accent-2: #FEEEA5;                /* Vis Vis：次高亮 */
    --on-accent: #1a2332;               /* 亮底上的深色文字（禁白字） */

    /* --- 文字層級（對比基線：#1a2332 上 ≥4.5:1） --- */
    --text-white: #FFFFFF;              /* 主文字：白 */
    --text-white-80: rgba(255,255,255, 0.8);  /* 次要文字 */
    --text-secondary: rgba(255, 255, 255, 0.65); /* 次要資訊文字下限 */
    --text-decorative: rgba(255, 255, 255, 0.4); /* 僅限裝飾元素，禁用於資訊文字 */

    /* --- 狀態色（全站唯一定義；地圖 polygon 與 UI 高亮禁用綠色） --- */
    --status-ok: #2ecc71;
    --status-warn: #f0b90b;
    --status-danger: #e74c3c;

    /* --- 玻璃質感 --- */
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: 1px solid rgba(255, 255, 255, 0.1);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    --blur: blur(12px);

    /* --- 圓角 --- */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;

    /* --- 8pt 間距尺 --- */
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 64px;
    --space-7: 96px;
}