/**
 * performance — DRAFT pending Ricardo validation
 * Oficina default candidate: dark performance — speed red + darks + signal amber
 * INTENTIONALLY breaks white-first: dark surfaces OK (documented in README).
 * CMO 2026-09-05: accent #ffb000 (amber) replaces petrol/teal #1a7a86.
 * CMO LOCK 2026-09-05 (Ricardo readability): long PT H1 = Barlow 600 non-condensed;
 * Barlow Condensed 700 = short labels/chips only; Teko tertiary = stats only.
 * Do NOT treat as locked product default until APPROVED.
 */

:root {
  /* --- Surfaces (dark-first — intentional break from white-led defaults) --- */
  --color-bg: #0e1114;
  --color-surface: #1a1f26;
  --color-surface-2: #242b34;

  /* --- Text --- */
  --color-text: #f0f2f4;
  --color-muted: #9aa3ad;

  /* --- Brand --- */
  --color-primary: #e10600;     /* speed red — primary Ligar */
  --color-primary-hover: #b80500;
  --color-accent: #ffb000;      /* signal amber — pace / pit-lane chips (NOT petrol) */

  /* --- UI chrome --- */
  --color-border: #343b46;
  --color-focus: #f0f2f4;       /* light focus — amber is weak for focus rings (alt: mid red) */

  /* --- Contrast helpers (CRO 2026-09-06) --- */
  --color-on-light: #142033;
  --color-on-light-muted: #5a6870;
  --color-ink-on-light: #b80500; /* darker red on white — primary red OK; avoid light theme text */
  --color-dark-band: var(--color-primary);
  --color-on-dark: #f0f2f4;
  --color-on-dark-accent: #ffffff; /* peach/amber fail on speed red as body link */

  /* --- CTA (primary = speed red + white) --- */
  --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 (amber fill + dark text — chips / pace signal) --- */
  --color-cta-accent-bg: #ffb000;
  --color-cta-accent-text: #0e1114;
  --color-cta-accent-border: #d49400;

  /* --- Secondary / ghost (on dark) --- */
  --color-cta-secondary-bg: transparent;
  --color-cta-secondary-text: #f0f2f4;
  --color-cta-secondary-border: #6b7582;

  /* --- Typography --- */
  --font-sans: "Barlow", "Source Sans 3", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  /* Long H1 / titles — readable default (Ricardo 2026-09-05) */
  --font-display: "Barlow", system-ui, sans-serif;
  --font-display-weight: 600;
  /* Short labels / section kickers / chips only — not long PT H1s */
  --font-label: "Barlow Condensed", "Barlow", system-ui, sans-serif;
  /* Optional tertiary for stats / chips only (not body): */
  --font-tertiary: "Teko", "Barlow Condensed", sans-serif;

  /* --- Shape & space --- */
  --radius: 4px;
  --radius-sm: 2px;
  --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 3px rgba(0, 0, 0, 0.35);
}

/*
 * Sample usage (illustrative)
 *
 * Primary button (speed red Ligar):
 *   .btn-primary {
 *     background: var(--color-cta-bg);
 *     color: var(--color-cta-text);
 *     border: 1px solid var(--color-cta-border);
 *     border-radius: var(--radius);
 *     padding: 12px 24px;
 *     min-height: 44px;
 *     font-family: var(--font-sans);
 *     font-weight: 600;
 *   }
 *
 * Amber chip / pace signal (Condensed or Teko — short only):
 *   .badge-signal {
 *     background: var(--color-cta-accent-bg);
 *     color: var(--color-cta-accent-text);
 *     font-family: var(--font-tertiary);  // Teko for stats/chips only
 *     font-weight: 600;
 *     letter-spacing: 0.01em;
 *   }
 *   .section-kicker {
 *     font-family: var(--font-label);
 *     font-weight: 700;
 *     letter-spacing: 0.01em;
 *   }
 *
 * Hero H1 (long PT — non-condensed):
 *   .hero h1 {
 *     font-family: var(--font-display);
 *     font-weight: 600;              // 700 OK only if H1 is short
 *     text-transform: none;          // avoid ALL CAPS long sentences
 *     letter-spacing: -0.01em;
 *     color: var(--color-text);
 *   }
 *   // Example: “Performance e diagnóstico em Lisboa”
 *
 * Stats / 0–100 labels (sparingly):
 *   .stat-label { font-family: var(--font-tertiary); font-weight: 600; }
 */