/* Theme overrides for tokens */

/* Coastal blue/green (default) */
.theme-auto,
.theme-coastal{
  --bg: #0b1119;
  --bg-elevated: #0f1621;
  --ink: #edf2f8;
  --muted: #a8b2c4;
  --card: rgba(19, 28, 41, 0.86);
  --card-strong: rgba(21, 33, 49, 0.95);
  --border: rgba(67, 88, 113, 0.48);
  --border-strong: rgba(104, 136, 172, 0.72);

  --accent: #5fd0c8;
  --accent-strong: #39b8ae;
  --accent-ink: #041016;
  --accent-soft: rgba(95, 208, 200, 0.15);
  --surface-tint: rgba(95, 208, 200, 0.08);
  --surface-hover: rgba(95, 208, 200, 0.2);

  --gradient-app:
    radial-gradient(circle at 8% 10%, rgba(95, 208, 200, 0.17), transparent 33%),
    radial-gradient(circle at 82% 0%, rgba(109, 153, 255, 0.15), transparent 30%),
    linear-gradient(180deg, #0b1119 0%, #0f1723 45%, #0b1119 100%);
  --gradient-hero: linear-gradient(145deg, rgba(109, 153, 255, 0.2), rgba(95, 208, 200, 0.06) 45%, rgba(13, 22, 34, 0.76));
  --gradient-panel: linear-gradient(180deg, rgba(95, 208, 200, 0.08), rgba(95, 208, 200, 0));
  --gradient-band: linear-gradient(180deg, rgba(19, 33, 48, 0.75), rgba(11, 17, 25, 0));
  --gradient-footer: linear-gradient(180deg, rgba(16, 26, 39, 0.7), rgba(11, 17, 25, 0));
}

/* Night grayscale */
.theme-dark,
.theme-night{
  --bg: #0e1114;
  --bg-elevated: #13171b;
  --ink: #e7eaee;
  --muted: #a7afb9;
  --card: rgba(22, 26, 31, 0.88);
  --card-strong: rgba(26, 31, 37, 0.96);
  --border: rgba(99, 109, 122, 0.42);
  --border-strong: rgba(136, 149, 165, 0.64);

  --accent: #c3ccd7;
  --accent-strong: #a9b5c3;
  --accent-ink: #0f1419;
  --accent-soft: rgba(195, 204, 215, 0.14);
  --surface-tint: rgba(195, 204, 215, 0.08);
  --surface-hover: rgba(195, 204, 215, 0.2);

  --gradient-app:
    radial-gradient(circle at 12% 12%, rgba(145, 155, 168, 0.18), transparent 36%),
    radial-gradient(circle at 78% 0%, rgba(118, 130, 146, 0.16), transparent 34%),
    linear-gradient(180deg, #0e1114 0%, #151a20 46%, #0f1317 100%);
  --gradient-hero: linear-gradient(145deg, rgba(136, 149, 165, 0.2), rgba(71, 82, 95, 0.14) 45%, rgba(15, 19, 24, 0.86));
  --gradient-panel: linear-gradient(180deg, rgba(170, 180, 194, 0.08), rgba(170, 180, 194, 0));
  --gradient-band: linear-gradient(180deg, rgba(35, 42, 50, 0.76), rgba(14, 17, 20, 0));
  --gradient-footer: linear-gradient(180deg, rgba(31, 38, 45, 0.7), rgba(14, 17, 20, 0));
}

/* Clean light mode */
.theme-light{
  --bg: #f7fafc;
  --bg-elevated: #ffffff;
  --ink: #152232;
  --muted: #55657a;
  --card: rgba(255, 255, 255, 0.9);
  --card-strong: rgba(255, 255, 255, 0.98);
  --border: rgba(169, 189, 213, 0.55);
  --border-strong: rgba(120, 162, 204, 0.85);

  --accent: #1e8c8d;
  --accent-strong: #157073;
  --accent-ink: #f4fdff;
  --accent-soft: rgba(30, 140, 141, 0.13);
  --surface-tint: rgba(30, 140, 141, 0.09);
  --surface-hover: rgba(30, 140, 141, 0.16);

  --gradient-app:
    radial-gradient(circle at 10% 8%, rgba(100, 182, 255, 0.2), transparent 35%),
    radial-gradient(circle at 88% 0%, rgba(95, 208, 200, 0.17), transparent 32%),
    linear-gradient(180deg, #f7fafc 0%, #edf4fb 46%, #f4f8fc 100%);
  --gradient-hero: linear-gradient(145deg, rgba(108, 170, 255, 0.2), rgba(95, 208, 200, 0.17), rgba(255, 255, 255, 0.82));
  --gradient-panel: linear-gradient(180deg, rgba(95, 208, 200, 0.13), rgba(95, 208, 200, 0));
  --gradient-band: linear-gradient(180deg, rgba(180, 208, 236, 0.5), rgba(243, 247, 252, 0));
  --gradient-footer: linear-gradient(180deg, rgba(202, 220, 241, 0.5), rgba(244, 248, 252, 0));
}

/* Earthy grove variant */
.theme-grove{
  --bg: #0f1713;
  --bg-elevated: #15201a;
  --ink: #e9f1e8;
  --muted: #afc0b0;
  --card: rgba(24, 35, 29, 0.9);
  --card-strong: rgba(28, 40, 33, 0.96);
  --border: rgba(92, 122, 105, 0.45);
  --border-strong: rgba(132, 164, 145, 0.72);

  --accent: #8ac7aa;
  --accent-strong: #66ae8d;
  --accent-ink: #08140e;
  --accent-soft: rgba(138, 199, 170, 0.14);
  --surface-tint: rgba(138, 199, 170, 0.09);
  --surface-hover: rgba(138, 199, 170, 0.22);

  --gradient-app:
    radial-gradient(circle at 9% 9%, rgba(138, 199, 170, 0.2), transparent 35%),
    radial-gradient(circle at 84% 0%, rgba(199, 165, 120, 0.17), transparent 30%),
    linear-gradient(180deg, #0f1713 0%, #18261e 46%, #111a15 100%);
  --gradient-hero: linear-gradient(145deg, rgba(199, 165, 120, 0.18), rgba(138, 199, 170, 0.11) 45%, rgba(16, 25, 20, 0.84));
  --gradient-panel: linear-gradient(180deg, rgba(138, 199, 170, 0.12), rgba(138, 199, 170, 0));
  --gradient-band: linear-gradient(180deg, rgba(33, 50, 40, 0.76), rgba(15, 23, 19, 0));
  --gradient-footer: linear-gradient(180deg, rgba(30, 46, 37, 0.72), rgba(15, 23, 19, 0));
}