/**
 * ev-electric — DRAFT pending Ricardo validation
 * Oficina default candidate: white/light + electric yellow-lime #fbff12 as accent energy
 * Contrast-critical: never large #fbff12 text on white; dark text on electric fills.
 * CMO 2026-09-05: display = Space Grotesk 600–700; body Barlow/Source Sans; charcoal = Ligar.
 * Do NOT treat as locked product default until APPROVED.
 */

:root {
  /* --- Surfaces (white / very light — electric sits ON them, not as text) --- */
  --color-bg: #ffffff;
  --color-surface: #f6f7f2;
  --color-surface-2: #eceee6;

  /* --- Text --- */
  --color-text: #111111;        /* near-black for max contrast with electric */
  --color-muted: #5c5f55;

  /* --- Brand --- */
  --color-primary: #1a1c1f;     /* charcoal — primary CTA (white text) */
  --color-primary-hover: #000000;
  --color-accent: #fbff12;      /* electric-car yellow-lime — badges / chips / accent fills only */

  /* --- UI chrome --- */
  --color-border: #d5d7cc;
  --color-focus: #1a1c1f;

  /* --- Contrast helpers (CRO 2026-09-06) --- */
  --color-on-light: #111111;
  --color-on-light-muted: #5c5f55;
  --color-ink-on-light: var(--color-primary); /* charcoal — never lime on white */
  --color-dark-band: var(--color-primary);
  --color-on-dark: #f3f4f5;
  --color-on-dark-accent: #fbff12; /* lime on charcoal PASS */

  /* --- CTA (primary = dark charcoal + white text — ONE filled primary) --- */
  --color-cta-bg: var(--color-primary);
  --color-cta-text: #ffffff;
  --color-cta-bg-hover: var(--color-primary-hover);
  --color-cta-border: var(--color-primary);

  /* --- Accent CTA / badge (electric fill + dark text — chips only, not rival hero) --- */
  --color-cta-accent-bg: var(--color-accent);
  --color-cta-accent-text: #111111;
  --color-cta-accent-border: #d4d80a;

  /* --- Secondary / ghost --- */
  --color-cta-secondary-bg: #ffffff;
  --color-cta-secondary-text: var(--color-primary);
  --color-cta-secondary-border: var(--color-primary);

  /* --- Typography --- */
  /* Body: Barlow / Source Sans 3. Display: Space Grotesk 600–700 — EV/tech geometry */
  --font-sans: "Barlow", "Source Sans 3", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Space Grotesk", "Barlow", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;

  /* --- Shape & space --- */
  --radius: 6px;
  --radius-sm: 4px;
  --radius-pill: 999px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --shadow-none: none;
  --shadow-soft: 0 1px 2px rgba(17, 17, 17, 0.06);
}

/*
 * CONTRAST RULES (mandatory)
 * - Never large #fbff12 text on white / light surfaces (fails contrast).
 * - Electric = fills, badges, thin rules — always with dark (#111) text/icons.
 * - Primary CTA = charcoal + white text (ONE filled primary).
 * - Electric ≠ rival hero beside Ligar.
 *
 * Sample:
 *   .btn-primary {
 *     background: var(--color-cta-bg);
 *     color: var(--color-cta-text);
 *     padding: 12px 24px;
 *     min-height: 44px;
 *     font-weight: 600;
 *   }
 *   // .btn-secondary = ghost only (Pedir orçamento)
 *   .badge-signal {
 *     background: var(--color-cta-accent-bg);
 *     color: var(--color-cta-accent-text);
 *     font-weight: 700;
 *   }
 *   .hero h1 {
 *     font-family: var(--font-display);
 *     font-weight: 700;            // 600–700
 *   }
 */