/* Tema Luana Lins Dance Academy: salão clássico claro (creme), verde-sálvia da marca
   e rosé. Só tokens: o motor de temas do site carrega este arquivo depois dos CSS
   base. Cores medidas no logo e nas artes da escola: sálvia #6b7559, rosé #ce8b8b,
   creme #efedea. */

html[data-theme="claro"] {
  /* Rosé dourado no lugar do dourado (destaques, botão de vidro do herói). */
  --gold-200: #f4ddd2;
  --gold-300: #e4bba8;
  --gold-400: #cb9884;
  --gold-500: #a9735f;
  --gold-700: #5d3a2c;

  --bg-000: #efedea;
  --bg-100: #e8e5df;
  --bg-200: #dedad2;
  --bg-300: #d2cdc3;

  --ink: #262a20;
  --ink-muted: #545a49;
  --ink-faint: #666c5c;

  --scrim: rgba(239, 237, 234, 0.58);
  --glass-100: rgba(255, 255, 255, 0.62);
  --glass-200: rgba(250, 249, 246, 0.80);
  --glass-300: rgba(38, 42, 32, 0.04);
  --glass-hover: rgba(38, 42, 32, 0.07);
  --line: rgba(38, 42, 32, 0.12);
  --line-strong: rgba(38, 42, 32, 0.38);

  --gold: #985450;                 /* palavra em destaque nos títulos (rosé profundo) */
  --gold-soft: rgba(206, 139, 139, 0.16);
  --gold-line: rgba(169, 96, 92, 0.42);
  --violet: #5f6a4e;
  --violet-soft: rgba(107, 117, 89, 0.14);

  --primary-fill: #5f6a4e;         /* sálvia da marca: botão "Aula experimental" */
  --primary-hover: #6b7559;
  --on-primary: #ffffff;
  --accent-fill: #94524e;          /* rosé profundo: botões de destaque (branco ≥ 4,5:1) */
  --accent-hover: #a15b57;
  --on-accent: #ffffff;
  --focus: #5f6a4e;

  --shadow-glass: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 14px 40px rgba(60, 54, 40, 0.12);
  --shadow-pop: 0 20px 48px rgba(60, 54, 40, 0.20);
  --glow-gold: 0 0 0 1px rgba(203, 152, 132, 0.55), 0 0 26px rgba(203, 152, 132, 0.30);
  --glow-violet: 0 0 0 1px rgba(107, 117, 89, 0.50), 0 0 24px rgba(107, 117, 89, 0.28);

  /* Herói noturno: véu verde-noite, para o texto claro sobre o vídeo. */
  --heroi-veu-rgb: 20, 24, 17;
}

/* Dentro do herói de vídeo (escopo escuro): rosé claro nos destaques. */
html[data-theme="claro"] [data-escuro] {
  /* Neutros do herói noturno em verde-noite (não os arroxeados do padrão). */
  --ink: #f3f1ea;
  --ink-muted: #d6d6c8;
  --ink-faint: #b4b6a6;
  --glass-100: rgba(20, 24, 17, 0.50);
  --glass-200: rgba(16, 19, 13, 0.70);
  --gold: #ecc6b5;
  --gold-line: rgba(228, 187, 168, 0.45);
  --focus: #ecc6b5;
}