/* =====================================================================
   DESIGN TOKENS — the ONLY place to apply the Growdev MIV.
   Replace colors / font families here once the official manual is in hand;
   every screen reads from these variables.
   ===================================================================== */
:root {
  /* Growdev: laranja #FF8200 + azul-marinho #0C2340 (do logotipo) */
  --brand: #ff8200;          /* primary action / highlights (fill) */
  --brand-strong: #c45f00;   /* orange safe for text on light backgrounds */
  --brand-soft: #fff1e0;
  --on-brand: #0c2340;       /* text on orange (6.3:1) */
  --ink: #0c2340;            /* dark surfaces + main text */
  --ink-2: #1d3b66;
  --care: #12b886;           /* success / done */
  --care-soft: #dff7ee;
  --warm: #ffb45c;           /* secondary warm accent */
  --warm-soft: #fff4e5;
  --sun: #ffc53d;

  /* Surfaces & text */
  --bg: #f5f6f9;
  --surface: #ffffff;
  --surface-2: #eef1f6;
  --line: #dfe4ec;
  --text: #0c2340;
  --text-2: #4a5a73;
  --text-3: #7d8aa0;
  --danger: #d6336c;

  /* Category colors */
  --cat-cuidado: #ff7a59;
  --cat-descoberta: #2f6fde;
  --cat-pausa: #22b8cf;
  --cat-conexao: #e64980;
  --cat-prevencao: #12b886;
  --cat-coletiva: #f59f00;

  /* Type */
  --font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;

  /* Shape */
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 24px;
  --shadow: 0 1px 2px rgba(12, 35, 64, .06), 0 8px 24px rgba(12, 35, 64, .07);
  --shadow-lg: 0 12px 40px rgba(12, 35, 64, .22);
  --tap: 48px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #07162a;
    --surface: #0f2440;
    --surface-2: #163052;
    --line: #23406a;
    --text: #f2f5fa;
    --text-2: #b6c2d4;
    --text-3: #8798b0;
    --brand-strong: #ffa040;
    --brand-soft: #3a2a14;
    --care-soft: #0f3b30;
    --warm-soft: #3a2a14;
    --ink: #050f1f;
    --ink-2: #163052;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);
  }
}