/**
 * CidadãoJá by eEver — Design Tokens
 * Palette: https://eever.pt/
 */
:root {
  /* Brand */
  --eever-blue: #1F4E9E;
  --eever-blue-mid: #2d5fb5;
  --eever-blue-light: #e8eef8;
  --eever-blue-dark: #0B1F3A;
  --eever-orange: #F26522;
  --eever-orange-hover: #d95a1e;
  --eever-orange-soft: #fff4ee;

  /* Neutrals */
  --eever-white: #ffffff;
  --eever-text: #0f172a;
  --eever-text-secondary: #475569;
  --eever-text-muted: #64748b;
  --eever-border: #e2e8f0;
  --eever-border-light: #f1f5f9;
  --eever-bg-page: #f0f4fa;
  --eever-bg-subtle: #f8fafc;
  --eever-text-on-dark: #ffffff;
  --eever-text-on-dark-muted: #b8c9e0;
  --eever-text-on-dark-soft: #e2e8f0;

  /* Typography */
  --eever-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --eever-font-display: "Inter", var(--eever-font);
  --eever-text-xs: 0.75rem;
  --eever-text-sm: 0.875rem;
  --eever-text-base: 1rem;
  --eever-text-lg: 1.125rem;
  --eever-leading: 1.6;

  /* Spacing */
  --eever-space-1: 4px;
  --eever-space-2: 8px;
  --eever-space-3: 12px;
  --eever-space-4: 16px;
  --eever-space-5: 20px;
  --eever-space-6: 24px;
  --eever-space-8: 32px;

  /* Radius & elevation */
  --eever-radius-sm: 8px;
  --eever-radius-md: 12px;
  --eever-radius-lg: 16px;
  --eever-radius-xl: 20px;
  --eever-radius-pill: 9999px;
  --eever-shadow-sm: 0 1px 2px rgba(11, 31, 58, 0.06), 0 1px 3px rgba(11, 31, 58, 0.08);
  --eever-shadow-md: 0 4px 16px rgba(11, 31, 58, 0.1);
  --eever-shadow-lg: 0 12px 40px rgba(11, 31, 58, 0.14);
  --eever-shadow-card: 0 2px 8px rgba(11, 31, 58, 0.06), 0 8px 24px rgba(11, 31, 58, 0.08);

  /* Gradients */
  --eever-gradient-hero: linear-gradient(145deg, #0B1F3A 0%, #1a4080 45%, #1F4E9E 100%);
  --eever-gradient-accent: linear-gradient(135deg, #F26522 0%, #ff8c42 100%);
  --eever-gradient-badge: linear-gradient(135deg, var(--eever-blue) 0%, var(--eever-blue-dark) 100%);

  /* Focus (WCAG) */
  --eever-focus-ring: 0 0 0 3px rgba(31, 78, 158, 0.35);

  /* Motion */
  --eever-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --eever-duration: 0.2s;

  /* Aliases */
  --cj-primary: var(--eever-blue);
  --cj-primary-dark: var(--eever-blue-dark);
  --cj-accent: var(--eever-orange);
  --cj-accent-hover: var(--eever-orange-hover);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --eever-duration: 0.01ms;
  }
}