/* Gerado por scripts/brand.js a partir de tokens.css (Brand Kit v1.0.0). Não edite. */
:root {
  /* ---- Marca --------------------------------------------- */
  --f7-teal:          #1a9ba1;
  --f7-teal-light:    #4fb8bd;
  --f7-teal-dark:     #147378;
  --f7-green:         #8ba76b;
  --f7-green-light:   #a3be87;
  --f7-green-dark:    #6b8f52;

  /* ---- Superfícies (tema escuro — padrão) ----------------- */
  --f7-bg-primary:    #0a1118;
  --f7-bg-secondary:  #111d24;
  --f7-bg-elevated:   #1a2a32;

  /* ---- Texto ---------------------------------------------- */
  --f7-text-primary:   #f0f7f7;
  --f7-text-secondary: #94a8ad;
  --f7-text-muted:     #5e7278;
  --f7-text-inverse:   #0a1118;

  /* ---- Linhas --------------------------------------------- */
  --f7-border:         #1e3038;
  --f7-border-active:  #1a9ba1;

  /* ---- Acento / ação -------------------------------------- */
  --f7-accent:               var(--f7-teal);
  --f7-accent-hover:         var(--f7-teal-light);
  --f7-accent-secondary:     var(--f7-green);
  --f7-accent-secondary-hover: var(--f7-green-light);

  /* ---- Feedback ------------------------------------------- */
  --f7-success: #8ba76b;
  --f7-alert:   #f97316;
  --f7-error:   #ef4444;
  --f7-info:    #1a9ba1;

  /* ---- Gradientes e brilhos ------------------------------- */
  --f7-gradient-brand: linear-gradient(135deg, #1a9ba1, #8ba76b);
  --f7-glow-teal:      rgba(26, 155, 161, 0.15);
  --f7-glow-green:     hsla(88, 25%, 54%, 0.12);
  --f7-halo-top:       radial-gradient(60% 60% at 50% 0%, rgba(26,155,161,0.15), transparent);

  /* ---- Tipografia ----------------------------------------- */
  --f7-font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --f7-font-body:    'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --f7-font-mono:    ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* ---- Raios ---------------------------------------------- */
  --f7-radius-xs:   2px;
  --f7-radius-sm:   6px;   /* botões, inputs, badges */
  --f7-radius-md:   8px;
  --f7-radius-lg:   12px;  /* cards */
  --f7-radius-xl:   16px;  /* painéis, modais */
  --f7-radius-full: 9999px;

  /* ---- Espaçamento (base 4) ------------------------------- */
  --f7-space-1:  4px;   --f7-space-2:  8px;   --f7-space-3: 12px;
  --f7-space-4: 16px;   --f7-space-6: 24px;   --f7-space-8: 32px;
  --f7-space-12: 48px;  --f7-space-16: 64px;  --f7-space-24: 96px;
  --f7-container:      1152px;
  --f7-container-pad:  24px;

  /* ---- Sombras -------------------------------------------- */
  --f7-shadow-glow:        0 0 24px rgba(26,155,161,0.15);
  --f7-shadow-glow-strong: 0 0 8px #1a9ba1;
  --f7-shadow-card:        0 1px 2px rgba(0,0,0,0.4);
  --f7-shadow-overlay:     0 16px 48px rgba(0,0,0,0.5);

  /* ---- Movimento ------------------------------------------ */
  --f7-motion-fast: 150ms;
  --f7-motion-base: 300ms;
  --f7-motion-slow: 500ms;
  --f7-ease:        cubic-bezier(0.16, 1, 0.3, 1);
}
[data-theme="light"] {
  --f7-bg-primary:     #ffffff;
  --f7-bg-secondary:   #f4f7f7;
  --f7-bg-elevated:    #ffffff;
  --f7-text-primary:   #0a1118;
  --f7-text-secondary: #44585e;
  --f7-text-muted:     #6b7f85;
  --f7-text-inverse:   #ffffff;
  --f7-border:         #dfe7e8;
  --f7-accent:         var(--f7-teal-dark);
  --f7-accent-hover:   var(--f7-teal);
  --f7-accent-secondary: var(--f7-green-dark);
  --f7-shadow-card:    0 1px 3px rgba(10,17,24,0.08);
  --f7-shadow-overlay: 0 16px 48px rgba(10,17,24,0.12);
}