/**
 * Veil Tokyo
 * Design System Variables
 */

:root {
    /* ----------------------------------------------------------------------
       1. COLOR TOKENS (Default Theme: ALL - 深夜の極濃紺 & ダルゴールド)
       ---------------------------------------------------------------------- */
    --bg-base: #060A13;               /* 漆黒に近い極濃紺 */
    --bg-header: rgba(6, 10, 19, 0.7); /* ヘッダー用半透明背景 */
    --bg-surface: #0E1524;            /* カード・コンポーネント背景 */
    --bg-surface-elevated: #162035;   /* ホバー時・モーダル背景 */
    --text-main: #E2DDD5;             /* グレージュ */
    --text-muted: #A39D93;            /* 視認性を上げた明るめのグレージュ */
    --accent-gold: #C29B53;           /* ダルゴールド */
    --accent-gold-light: rgba(194, 155, 83, 0.1);
    --accent-gold-watermark: rgba(194, 155, 83, 0.04);
    --accent-red: #8C2A2A;            /* LAST CALL 警告色 */
    --accent-red-light: rgba(140, 42, 42, 0.15);
    --border-thin: #1B2436;           /* 1px境界線 */
    --border-accent: rgba(194, 155, 83, 0.2);
    --star-color: #FFFFFF;            /* 星・パーティクルの色 */
    --star-glow: rgba(120, 200, 255, 0.8);

    /* ----------------------------------------------------------------------
       2. TYPOGRAPHY (店舗別・和欧混植・スピード優先 0KB仕様)
       ---------------------------------------------------------------------- */
    --font-en: 'Cormorant Garamond', serif;
    --font-num: 'Playfair Display', serif; /* 数字専用セリフ体 */
    --font-jp: "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; /* ユーザー端末標準明朝体  */

    /* ----------------------------------------------------------------------
       3. SPACING (Strict 8px Grid - No Decimals)
       ---------------------------------------------------------------------- */
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-56: 56px;
    --space-64: 64px;
    --space-80: 80px;
    --space-96: 96px;
    --space-120: 120px;

    /* ----------------------------------------------------------------------
       4. RADIUS & LAYOUT ( 1600px / 768px / 390px 準拠)
       ---------------------------------------------------------------------- */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-none: 0px;
    --container-max: 1200px;
    --header-height: 80px;

    /* ----------------------------------------------------------------------
       5. ANIMATION & SHADOWS & Z-INDEX
       ---------------------------------------------------------------------- */
    --transition-fast: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --shadow-card: 0 16px 32px rgba(0, 0, 0, 0.4);
    --shadow-elevated: 0 24px 60px rgba(0, 0, 0, 0.7);
    --z-header: 100;
    --z-floating: 90;
    --z-modal: 1000;
}