/* Design tokens — MasterStudy Brasil
   Paleta derivada do branding de referência (scrumstudy.com), ver BRANDING.md.
   Todas as combinações texto/fundo abaixo foram escolhidas para contraste WCAG AA (>=4.5:1 texto normal, >=3:1 texto grande). */
:root {
  /* Cor institucional */
  --color-primary: #0055af;
  --color-primary-dark: #013759;
  --color-primary-darker: #012338;
  --color-primary-light: #e6eff8;
  --color-primary-hover: #00468f;

  /* Accent (selos, badges "grátis", destaques pontuais) */
  --color-accent: #1f8a30; /* verde escurecido em relação à referência (#20a939) para garantir contraste com texto branco */
  --color-accent-dark: #166624;
  --color-accent-light: #e6f5e9;

  /* Cor do canal de contato — verde oficial do WhatsApp, usado só nos CTAs de WhatsApp */
  --color-whatsapp: #25d366;
  --color-whatsapp-dark: #1da851;

  /* Neutros */
  --color-bg: #ffffff;
  --color-bg-alt: #fafafa;
  --color-bg-muted: #f2f2f2;
  --color-border: #e0e0e0;
  --color-text: #1a1a1a;
  --color-text-muted: #4d4d4d;
  --color-text-inverse: #ffffff;

  /* Estado */
  --color-danger: #a94442;
  --color-warning-bg: #fcf8e3;
  --color-warning-text: #8a6d3b;

  /* Tipografia */
  --font-base: 'Open Sans', 'FreeSans', Arimo, 'Droid Sans', Helvetica, Arial, sans-serif;
  --font-size-base: 17px;
  --line-height-base: 1.65;

  /* Espaçamento */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;

  /* Layout */
  --radius-sm: 4px;
  --radius-md: 8px;
  --container-max: 1200px;

  /* Sombra sutil, sem exagero */
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-elevated: 0 4px 12px rgba(0, 0, 0, 0.1);
}