/* Kairos App - paleta compartilhada entre o app e a landing page. Altere as cores apenas aqui. */
:root {
  color-scheme: dark;
  --kairos-deep: #06132D;
  --kairos-ocean: #14315A;
  --kairos-cyan: #38D8FF;
  --kairos-ice: #D9F8FF;
  --kairos-gold: #FFD17B;
  --kairos-pearl: #F5F8FF;
  --kairos-slate: #B7C7E7;

  --bg: var(--kairos-deep);
  --text: var(--kairos-pearl);
  --muted: var(--kairos-slate);
  --accent: var(--kairos-cyan);
  --accent-dark: var(--kairos-ice);
  --danger: #ff8a96;

  --glass: rgba(20, 49, 90, .52);
  --glass2: rgba(20, 49, 90, .36);
  --line: rgba(217, 248, 255, .16);
  --line-soft: rgba(183, 199, 231, .22);
  --surface: rgba(20, 49, 90, .45);
  --surface-strong: rgba(20, 49, 90, .78);
  --surface-hover: rgba(56, 216, 255, .14);
  --surface-menu: rgba(10, 36, 54, .96);
  --field: rgba(6, 19, 45, .55);
  --on-accent: #052033;
  --accent-soft: rgba(56, 216, 255, .12);
  --gold-soft: rgba(255, 209, 123, .14);
  --shadow: 0 24px 70px rgba(2, 10, 18, .45), inset 0 1px 0 rgba(217, 248, 255, .12);
  --glow-cyan: 0 0 24px rgba(56, 216, 255, .22);
  --glow-gold: 0 0 20px rgba(255, 209, 123, .18);
  --gradient-main: linear-gradient(145deg, #06132D 0%, #0a2149 48%, #14315A 100%);
  --gradient-accent: linear-gradient(135deg, #38D8FF, #1f9fd6);
  --gradient-gold: linear-gradient(135deg, #FFD17B, #e0a94a);
}

:root[data-theme="light"] {
  color-scheme: light;
  --text: #06132D;
  --muted: #466577;
  --accent-dark: #0a7fa6;
  --glass: rgba(255, 255, 255, .7);
  --glass2: rgba(217, 248, 255, .62);
  --line: rgba(20, 49, 90, .17);
  --line-soft: rgba(20, 49, 90, .14);
  --surface: rgba(255, 255, 255, .62);
  --surface-strong: rgba(255, 255, 255, .9);
  --surface-hover: rgba(56, 216, 255, .2);
  --surface-menu: rgba(246, 253, 255, .96);
  --field: rgba(255, 255, 255, .78);
  --on-accent: #06132D;
  --accent-soft: rgba(56, 216, 255, .19);
  --gold-soft: rgba(255, 209, 123, .3);
  --shadow: 0 22px 60px rgba(6, 19, 45, .13), inset 0 1px 0 rgba(255, 255, 255, .8);
  --glow-cyan: 0 0 20px rgba(56, 216, 255, .2);
  --glow-gold: 0 0 16px rgba(255, 209, 123, .18);
  --gradient-main: linear-gradient(145deg, #D9F8FF 0%, #eefbff 52%, #ffffff 100%);
  --gradient-accent: linear-gradient(135deg, #38D8FF, #8ceefa);
}