/* ============================================================
   DESIGN TOKENS — single source of truth
   ============================================================
   Onda 0 (fundação) — collapses the two competing `:root` blocks that
   used to live in application.css (light chrome theme) and
   application.tailwind.css (dark Tailwind palette) into one file,
   loaded before both. See docs/ux-redesign-2026-07-22.md §3.1 and
   docs/frontend-vision-2026-07-21.md §1.

   Scope discipline: this is a structural merge, not a redesign. Every
   name/value/format below is copied verbatim from wherever it used to
   be declared — nothing renamed, nothing reformatted, nothing
   recalculated. The two blocks never collided by variable name (zero
   overlap), so nothing here overrides anything else; the fragility
   being fixed is "two files declaring :root, loaded via two separate
   tags", not a literal value clash. Reconciling the two incompatible
   visual languages themselves (light chrome vs. dark Tailwind
   utilities) is out of scope for this increment — see
   docs/ux-redesign-2026-07-22.md §7 Onda 1+.
   ============================================================ */

:root {
  /* ---- from application.css (light chrome theme, hex/rgba) ---- */
  --app-bg: #f0f4f8;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --text: #0f172a;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --brand: #0b1222;
  --brand-soft: #162033;
  --accent: #06b6d4;
  --accent-hover: #0891b2;
  --accent-soft: #cffafe;
  --success: #059669;
  --warning: #d97706;
  --danger: #dc2626;
  --shadow-sm: 0 1px 2px rgba(11, 18, 34, 0.06);
  --shadow-md: 0 10px 24px rgba(11, 18, 34, 0.08);

  /* ---- from application.tailwind.css (Tailwind <alpha-value> triplets) ---- */
  /* Brand — cyan/teal escala completa (RGB sem alpha p/ Tailwind <alpha-value>) */
  --brand-50:  236 254 255;
  --brand-100: 207 250 254;
  --brand-200: 165 243 252;
  --brand-300: 103 232 249;
  --brand-400:  34 211 238;
  --brand-500:   6 182 212;
  --brand-600:   8 145 178;
  --brand-700:  14 116 144;
  --brand-800:  21  94 117;
  --brand-900:  22  78  99;

  /* Accent — amber quente para contraste / urgência */
  --accent-400: 251 191  36;
  --accent-500: 245 158  11;
  --accent-600: 217 119   6;

  /* Surface — escuros frios */
  --surface-base:     8  11  20;   /* page bg */
  --surface-raised:  17  24  39;   /* cards */
  --surface-overlay: 30  41  59;   /* hovers, raised cards */

  /* Legacy aliases (já em uso na landing) */
  --brand-primary: #06b6d4;
  --brand-secondary: #0d9488;
}