:root {
  /* 
   * IMPORTANTE: Este arquivo contém os tokens base do design system.
   * Para cores personalizáveis pela administração, veja: assets/css/tokens-dynamic.css
   * O arquivo dinâmico sobrescreve as variáveis --primary e --secondary conforme configuração da loja.
   */

  /* Baseline tokens (HEX) com HSL originais comentados */

  --background: #f7f7f8;
  /* hsl(240 10% 97%)  — Snow Drift */
  --foreground: #221f28;
  /* hsl(260 13% 14%)  — Graphite Night */

  --card: #f7f7f8;
  /* hsl(240 10% 97%) */
  --card-foreground: #221f28;
  /* hsl(260 13% 14%) */

  --popover: #f7f7f8;
  /* hsl(240 10% 97%) */
  --popover-foreground: #221f28;
  /* hsl(260 13% 14%) */

  --primary: #a04ad9;
  /* hsl(276 65% 57%)  — Violet Core */
  --primary-foreground: #f7f7f8;
  /* hsl(240 10% 97%)  — texto sobre primary */

  --secondary: #8dd94a;
  /* hsl(92 65% 57%)   — Lime Burst */
  --secondary-foreground: #221f28;
  /* hsl(260 13% 14%) */

  --tertiary: #b480e5;
  /* hsl(271 66% 70%)  — Soft Lavender */

  --muted: #bdb7cd;
  /* hsl(256 18% 76%)  — Mist Grey */
  --muted-foreground: #221f28;
  /* hsl(260 13% 14%) */

  --accent: #d94ad4;
  /* hsl(302 65% 57%)  — Orchid Pop */
  --accent-foreground: #f7f7f8;
  /* hsl(240 10% 97%) */

  --destructive: #d9964a;
  /* hsl(32 65% 57%)   — Sunset Gold */
  --destructive-foreground: #221f28;
  /* hsl(260 13% 14%) */

  --border: #bdb7cd;
  /* hsl(256 18% 76%) */
  --input: #bdb7cd;
  /* hsl(256 18% 76%) */
  --ring: #a04ad9;
  /* hsl(276 65% 57%) */
  --radius: 0.5rem;

  /* Tokens específicos para componentes */
  --dark-surface: #1a1625;
  /* tom escuro violeta para footer */
  --primary-alpha: rgba(160, 74, 217, .35);
  /* primary com transparência */
  --primary-alpha-light: rgba(160, 74, 217, .08);
  /* primary suave */
  --bg-grad: radial-gradient(120% 120% at 0% 0%, rgba(160, 74, 217, .08), transparent 55%),
    radial-gradient(120% 120% at 100% 100%, rgba(180, 128, 229, .08), transparent 55%),
    linear-gradient(180deg, var(--background), #e8e6ef);
  --glow: 0 10px 28px rgba(160, 74, 217, .25);
  --glow-strong: 0 16px 40px rgba(160, 74, 217, .35);
  --shadow-light: 0 6px 16px rgba(160, 74, 217, .08);
  --shadow-strong: 0 12px 28px rgba(160, 74, 217, .25);

  /* Legacy (mantidos para compatibilidade; preferir tokens acima) */
  --primary-color: #964ad8;
  /* Base master da marca */
  --secondary-color: #ff0077;
}

/* Gradiente “signature” — Indigo Beam → Violet Core → Orchid Pop */
.gradient-hero {
  background: linear-gradient(135deg, #4e49d8 0%, #964ad8 50%, #d849d2 100%);
}