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

:root {
  /* Background */
  --bg-dark: #ffffff;
  --bg-secondary: #f8f9fa;
  --bg-gradient: radial-gradient(ellipse at 30% 20%, #f0f4f8 0%, #ffffff 70%);

  /* Text */
  --text-main: #1a1a2e;
  --text-sub: #4a5568;

  /* Metallic Colors */
  --metal-gold: #D4A800;
  --metal-silver: #808080;
  --metal-copper: #B87333;

  /* Accent Colors */
  --accent-primary: #D4A800;
  --accent-secondary: #B87333;

  /* Glass Effect */
  --glass-bg: #ffffff;
  --glass-border: rgba(0, 0, 0, 0.08);
  --glass-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);

  /* Part Colors */
  --color-compatibility: #DC143C;
  --color-special: #8E44AD;
  --color-battle: #C0392B;
  --color-theory: #2980B9;
  --color-atomic: #27AE60;
  --color-origin: #D68910;
  --color-corrosion: #17A589;
  --color-electron: #8E44AD;
  --color-sdgs: #229954;
  --color-price: #D4AC0D;
  --color-catalyst: #CA6F1E;
  --color-plastic: #717D7E;
  --color-pigment: #C2185B;
  --color-cosmic: #5E35B1;

  /* Persona Page Structure Colors */
  --color-persona-page: #0097A7;
  --color-basic-tab: #388E3C;
  --color-story-tab: #F57C00;
  --color-life-tab: #C2185B;
  --color-detail-l1: #689F38;
  --color-detail-l2: #0288D1;
  --color-detail-l3: #7B1FA2;
}

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

/* Light theme specific overrides */
.screenshot {
  box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}

.metallic-text {
  background: linear-gradient(135deg, #8B4513 0%, #B8860B 20%, #DAA520 40%, #B8860B 50%, #708090 60%, #B8860B 80%, #8B4513 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}