/* ==========================================
   MIDNIGHT RAMEN BAR - DESIGN SYSTEM TOKENS
   100% Pure CSS Art Variables & Presets
   ========================================== */

:root {
  /* Dynamic Parallax & Lighting Variables (controlled via JS & CSS) */
  --rx: 0deg;
  --ry: 0deg;
  --light-x: 50%;
  --light-y: 20%;
  --steam-opacity: 0.85;
  --zoom-level: 1;

  /* Theme Ambience Colors (Default: Midnight Izakaya) */
  --bg-color: #0b0d12;
  --bg-radial-center: #1a1e2b;
  --bg-radial-outer: #07080c;
  --table-color-1: #2b1a13;
  --table-color-2: #190f0b;
  --table-highlight: rgba(235, 170, 110, 0.08);
  --table-grain: rgba(0, 0, 0, 0.45);
  
  /* Ambient Lighting Presets */
  --ambient-light-color: rgba(255, 185, 120, 0.22);
  --neon-glow-color: rgba(255, 75, 110, 0.6);
  --spotlight-intensity: 0.55;

  /* Ceramic Bowl Palette */
  --bowl-outer-1: #1c2230;
  --bowl-outer-2: #0e121b;
  --bowl-rim-gold: #d4af37;
  --bowl-pattern-dark: #121722;
  --bowl-pattern-light: #414f6b;
  --bowl-inner-shadow: rgba(0, 0, 0, 0.75);

  /* Shoyu Broth & Soup Palette */
  --broth-center: #b8621b;
  --broth-mid: #683009;
  --broth-edge: #2e1102;
  --broth-meniscus: rgba(255, 200, 120, 0.45);
  --oil-bead-color: rgba(245, 90, 30, 0.75);
  --mayu-oil-color: rgba(30, 20, 15, 0.85);

  /* Ingredient Palettes */
  /* Chashu Pork */
  --chashu-meat-1: #9b4b42;
  --chashu-meat-2: #6b2d26;
  --chashu-fat-1: #ebd3c5;
  --chashu-fat-2: #c49f8c;
  --chashu-sear-1: #2d1008;
  --chashu-sear-2: #4a1c10;

  /* Ajitsuke Tamago (Ramen Egg) */
  --egg-white-1: #f7eedf;
  --egg-white-2: #d6c0a3;
  --egg-white-soy: #7a5438;
  --yolk-center: #ff3b00;
  --yolk-mid: #ff8800;
  --yolk-outer: #ffcc00;
  --yolk-gloss: rgba(255, 255, 255, 0.85);

  /* Narutomaki (Fish Cake) */
  --naruto-white-1: #faf7f2;
  --naruto-white-2: #e0d6c8;
  --naruto-pink-1: #ff3377;
  --naruto-pink-2: #d91c5c;

  /* Nori (Roasted Seaweed) */
  --nori-1: #1b261e;
  --nori-2: #0e1711;
  --nori-highlight: #334d38;

  /* Scallion (Green Onion) */
  --scallion-green-dark: #1e5927;
  --scallion-green-mid: #3ba645;
  --scallion-green-light: #76d980;
  --scallion-white: #e3f5e5;

  /* Menma (Seasoned Bamboo) */
  --menma-1: #b88646;
  --menma-2: #7a5426;
  --menma-highlight: #d9ab6a;

  /* UI Frame & Glassmorphism Tokens */
  --ui-bg: rgba(18, 22, 32, 0.65);
  --ui-border: rgba(255, 255, 255, 0.12);
  --ui-accent: #ff7b38;
  --ui-accent-glow: rgba(255, 123, 56, 0.4);
  --ui-text-primary: #f0f4fc;
  --ui-text-muted: #8e9bb0;
  --ui-font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Lighting Preset Themes */
[data-theme="izakaya"] {
  --bg-color: #0b0d12;
  --bg-radial-center: #1e2230;
  --bg-radial-outer: #07080c;
  --ambient-light-color: rgba(255, 185, 120, 0.22);
  --spotlight-intensity: 0.6;
}

[data-theme="daylight"] {
  --bg-color: #e5ebf5;
  --bg-radial-center: #ffffff;
  --bg-radial-outer: #c2d0e6;
  --table-color-1: #734d38;
  --table-color-2: #4a2f20;
  --table-highlight: rgba(255, 255, 255, 0.25);
  --ambient-light-color: rgba(255, 240, 220, 0.5);
  --spotlight-intensity: 0.2;
}

[data-theme="cyberpunk"] {
  --bg-color: #060514;
  --bg-radial-center: #1a0f35;
  --bg-radial-outer: #020108;
  --ambient-light-color: rgba(0, 240, 255, 0.35);
  --neon-glow-color: rgba(255, 0, 128, 0.85);
  --spotlight-intensity: 0.85;
}

[data-theme="studio"] {
  --bg-color: #121214;
  --bg-radial-center: #282830;
  --bg-radial-outer: #0a0a0c;
  --table-color-1: #202024;
  --table-color-2: #101012;
  --ambient-light-color: rgba(255, 255, 255, 0.15);
  --spotlight-intensity: 0.4;
}