/* tokens.css — SYSTEM-DESIGN v2.3 — Samuel Neves */
:root {
  /* Destaque — degradê dourado para textos em fundos escuros */
  --destaque-gradient: linear-gradient(90deg, #ffa306 0%, #fffc01 50%, #ffa306 100%);
  --destaque-from:     #ffa306;
  --destaque-mid:      #fffc01;
  --destaque-to:       #ffa306;
  --destaque-shadow:   0 4px 24px rgba(255, 163, 6, 0.35);
  /* Botão CTA verde */
  --destaque-verde:     linear-gradient(90deg, #1AC100 0%, #40F325 100%);
  --btn-verde-gradient: linear-gradient(90deg, #1AC100 0%, #40F325 100%);
  --btn-verde-shadow:   0 4px 24px rgba(26, 193, 0, 0.35);
  /* Tipografia */
  --font-sans: "DM Sans Variable", "DM Sans", ui-sans-serif, system-ui, sans-serif;

  /* Border Radius */
  --radius:      0.625rem;
  --radius-sm:   0.375rem;
  --radius-xl:   calc(var(--radius) + 0.25rem); /* 0.875rem — ex .rounded-xl */
  --radius-pill: 9999px;

  /* Backgrounds */
  --background: #fafafa;
  --surface:    #eef1f6;
  --surface-2:  #e4e8f0;

  /* Text */
  --foreground:      #1a2a3a;
  --card:            #ffffff;
  --card-foreground: #1a2a3a;

  /* Primary — Azul Royal #101d40 */
  --primary:           #101d40;
  --primary-glow:      #1c3060;
  --primary-foreground:#ffffff;
  --primary-rgb: 16, 29, 64;

  /* Secondary */
  --secondary:            #e4e8f0;
  --secondary-foreground: #1a2a3a;

  /* Muted */
  --muted:            #d4d9e0;
  --muted-foreground: #6b7580;

  /* Accent — Navy (uso específico apenas) */
  --accent:            #101d40;
  --accent-foreground: #ffffff;

  /* Destructive */
  --destructive:            #ef4444;
  --destructive-foreground: #ffffff;

  /* Border / Input */
  --border: #e0e5eb;
  --input:  #e0e5eb;
  --ring:   #101d40;

  /* Shadows */
  --shadow-card:       0 4px 24px -4px rgba(16,29,64,0.08);
  --shadow-card-hover: 0 12px 40px -8px rgba(16,29,64,0.15);
  --shadow-primary:    0 8px 24px -4px rgba(16,29,64,0.25);

  /* Spacing */
  --section-pad-x: 2em;
  --section-pad-y: 5rem;
  --container-max: 67.5em;
  --sidebar-w: 16rem;
}

@media (max-width: 768px) {
  :root {
    --section-pad-y: 3.5rem;
    --section-pad-x: 4vw;
  }
}