/* ==========================================================================
   SEEYOUSOON SUPER-APP — ULTRA-GLASS LUXURY DESIGN TOKENS
   ========================================================================== */

:root {
  /* Ultra-Luxe Deep Canvas */
  --ink: #070A14;
  --ink-2: #0E1326;
  --ink-3: #151D3B;
  --paper: #FFFFFF;
  --paper-dim: #F1F5F9;
  --paper-muted: #94A3B8;

  /* Vivid Neon Palette */
  --primary: #8B5CF6;
  --primary-hi: #A855F7;
  --purple: #A855F7;
  --purple-glow: rgba(168, 85, 247, 0.45);
  --indigo: #6366F1;
  --indigo-glow: rgba(99, 102, 241, 0.45);
  --blue: #3B82F6;
  --blue-glow: rgba(59, 130, 246, 0.45);
  --cyan: #06B6D4;
  --cyan-glow: rgba(6, 182, 212, 0.45);
  --kr-green: #10B981;
  --kr-green-glow: rgba(16, 185, 129, 0.45);
  --amber: #F59E0B;
  --amber-glow: rgba(245, 158, 11, 0.45);
  --rose: #F43F5E;
  --rose-glow: rgba(244, 63, 94, 0.45);

  /* Ultra-Glass Refraction & Surfaces */
  --glass-bg: rgba(14, 19, 38, 0.82);
  --glass-bg-elevated: rgba(21, 29, 59, 0.92);
  --glass-surface: rgba(14, 19, 38, 0.75);
  --glass-card-bg: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
  --glass-header-bg: linear-gradient(135deg, rgba(14, 19, 38, 0.90) 0%, rgba(14, 19, 38, 0.70) 100%);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-border-hi: rgba(168, 85, 247, 0.5);
  --glass-input-bg: rgba(7, 10, 20, 0.85);

  /* Shadows & Inner Specular Glow */
  --shadow-sheet: 0 -16px 48px rgba(0, 0, 0, 0.65), 0 0 1px rgba(255, 255, 255, 0.15);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  --shadow-luxe: 0 16px 40px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  --shadow-float: 0 14px 36px rgba(0, 0, 0, 0.55), 0 0 24px rgba(168, 85, 247, 0.25);

  /* Typography */
  --font-display: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Geometry & Radii */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-pill: 9999px;

  /* Layout Constants */
  --sheet-collapsed: 18vh;
  --sheet-half: 52vh;
  --sheet-expanded: 92vh;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* Z-Index Hierarchy */
  --z-map: 1;
  --z-map-controls: 10;
  --z-sheet: 30;
  --z-topbar: 40;
  --z-modal: 60;
  --z-toast: 100001;
  --z-offline: 100002;
}