:root {
  /* ======================================================
     APPLE / iOS LIQUID GLASS (GLASSMORPHISM) PALETTE
     ====================================================== */
  --ios-blue: #007AFF;
  --ios-blue-hover: #0062CC;
  --ios-indigo: #5856D6;
  --ios-purple: #AF52DE;
  --ios-pink: #FF2D55;
  --ios-teal: #5AC8FA;
  --ios-green: #34C759;
  --ios-yellow: #FFCC00;
  --ios-orange: #FF9500;
  --ios-red: #FF3B30;

  /* Asosiy brend */
  --primary: #007AFF;
  --primary-hover: #0062CC;
  --primary-glow: rgba(0, 122, 255, 0.35);

  --accent-gold: #FF9500;
  --accent-glow: rgba(255, 149, 0, 0.35);

  --success: #34C759;
  --success-glow: rgba(52, 199, 89, 0.35);

  --danger: #FF3B30;

  /* ======================================================
     LIGHT MODE (OQ SHAFFOF KRISTALL OYNA)
     ====================================================== */
  --bg-page: #F2F5F9;
  --bg-gradient: radial-gradient(circle at 10% 20%, rgba(0, 122, 255, 0.08) 0%, transparent 40%),
                 radial-gradient(circle at 90% 80%, rgba(88, 86, 214, 0.08) 0%, transparent 40%),
                 radial-gradient(circle at 50% 50%, rgba(255, 149, 0, 0.04) 0%, transparent 50%),
                 #F2F5F9;

  /* Shaffof shisha qatlamlari */
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-bg-subtle: rgba(255, 255, 255, 0.5);
  --glass-bg-hover: rgba(255, 255, 255, 0.88);
  --glass-card: rgba(255, 255, 255, 0.75);
  --glass-nav: rgba(255, 255, 255, 0.82);

  --glass-border: rgba(255, 255, 255, 0.85);
  --glass-border-subtle: rgba(0, 0, 0, 0.06);

  --text-main: #1C1C1E;
  --text-muted: #636366;
  --text-dim: #8E8E93;

  --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.08), 
                  0 2px 6px 0 rgba(0, 0, 0, 0.02),
                  inset 0 1px 1px 0 rgba(255, 255, 255, 0.9);
  --glass-shadow-hover: 0 14px 40px 0 rgba(0, 122, 255, 0.16),
                        0 4px 12px 0 rgba(0, 0, 0, 0.04),
                        inset 0 1px 2px 0 rgba(255, 255, 255, 1);

  --modal-backdrop: rgba(0, 0, 0, 0.35);

  --blur-amount: 24px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 9999px;

  --font-size-base: 15px;
  --transition-fluid: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ======================================================
   DARK MODE (QORAMTIR OBSIDIAN SHAFFOF OYNA)
   ====================================================== */
[data-theme="dark"] {
  --bg-page: #07090E;
  --bg-gradient: radial-gradient(circle at 15% 15%, rgba(0, 122, 255, 0.15) 0%, transparent 45%),
                 radial-gradient(circle at 85% 85%, rgba(175, 82, 222, 0.15) 0%, transparent 45%),
                 radial-gradient(circle at 50% 50%, rgba(52, 199, 89, 0.05) 0%, transparent 50%),
                 #07090E;

  --glass-bg: rgba(22, 28, 45, 0.65);
  --glass-bg-subtle: rgba(15, 20, 32, 0.55);
  --glass-bg-hover: rgba(30, 38, 60, 0.75);
  --glass-card: rgba(20, 26, 42, 0.65);
  --glass-nav: rgba(12, 16, 26, 0.78);

  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-border-subtle: rgba(255, 255, 255, 0.07);

  --text-main: #F2F2F7;
  --text-muted: #A1A1A6;
  --text-dim: #636366;

  --glass-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.45), 
                  0 2px 8px 0 rgba(0, 0, 0, 0.2),
                  inset 0 1px 1px 0 rgba(255, 255, 255, 0.12);
  --glass-shadow-hover: 0 18px 45px 0 rgba(0, 122, 255, 0.25),
                        0 4px 16px 0 rgba(0, 0, 0, 0.35),
                        inset 0 1px 2px 0 rgba(255, 255, 255, 0.2);

  --modal-backdrop: rgba(0, 0, 0, 0.7);
}

[data-high-contrast="true"] {
  --glass-bg: #000000;
  --glass-card: #000000;
  --glass-border: #FFFFFF;
  --text-main: #FFFFFF;
  --text-muted: #FFD60A;
}