/* SOUL/ALLOY Detailed Presentation - Dark Theme Variables */

:root {
  /* Background */
  --bg-dark: hsl(222.2, 84%, 4.9%);
  --bg-secondary: hsl(217.2, 32.6%, 17.5%);
  --bg-gradient: radial-gradient(ellipse at 30% 20%, hsl(222, 60%, 12%) 0%, hsl(222.2, 84%, 4.9%) 70%);

  /* Text */
  --text-main: hsl(210, 40%, 98%);
  --text-sub: hsl(215, 25%, 78%);

  /* Metallic Colors */
  --metal-gold: #FFD700;
  --metal-silver: #C0C0C0;
  --metal-copper: #B87333;

  /* Accent Colors */
  --accent-primary: #FFD700;
  --accent-secondary: #FFA500;

  /* Glass Effect */
  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 215, 0, 0.25);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);

  /* Part Colors */
  --color-compatibility: #FF6B6B;
  --color-special: #9B59B6;
  --color-battle: #E74C3C;
  --color-theory: #3498DB;
  --color-atomic: #2ECC71;
  --color-origin: #F39C12;
  --color-corrosion: #1ABC9C;
  --color-electron: #9B59B6;
  --color-sdgs: #27AE60;
  --color-price: #F1C40F;
  --color-catalyst: #E67E22;
  --color-plastic: #95A5A6;
  --color-pigment: #E91E63;
  --color-cosmic: #673AB7;

  /* Persona Page Structure Colors */
  --color-persona-page: #00BCD4;
  --color-basic-tab: #4CAF50;
  --color-story-tab: #FF9800;
  --color-life-tab: #E91E63;
  --color-detail-l1: #8BC34A;
  --color-detail-l2: #03A9F4;
  --color-detail-l3: #9C27B0;
}

body {
  background: var(--bg-dark);
  background-image: var(--bg-gradient);
  color: var(--text-main);
}