/* Redelo · tokens do design system (fonte: design-system/redelo/MASTER.md) */
:root {
  /* marca */
  --tinta: #1B2A4A;
  --anil: #2F4A7A;
  --girassol: #FFB81C;
  --ouro: #E59E00;
  --papel: #FFF9E8;

  /* tema claro */
  --bg: #FFFCF4;
  --surface: #FFFFFF;
  --fg: #1B2A4A;
  --muted: #5E6B85;
  --line: #ECE4CF;
  --soft: #F6F0DE;
  --primary: #FFB81C;
  --on-primary: #1B2A4A;
  --link: #2F4A7A;
  --nav-bg: #1B2A4A;
  --nav-fg: #FFF9E8;
  --nav-muted: #AEB8CF;
  --nav-active: #FFB81C;
  --mark-a: #1B2A4A;
  --mark-b: #E59E00;
  --focus: #2F4A7A;   /* contorno de foco: anil no claro (8,4:1), girassol no escuro */

  /* estados: sempre com texto ou ícone, nunca só a cor */
  --ok: #2E9E5B;   --ok-text: #1E6B3E;   --ok-bg: #E3F4EA;
  --warn: #E59E00; --warn-text: #7A4E00; --warn-bg: #FFF0C7;
  --crit: #D64545; --crit-text: #B4232A; --crit-bg: #FDE4E1;

  /* tipografia */
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* espaço (densidade de painel) */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s7: 32px; --s8: 48px;

  /* forma */
  --r-card: 16px;
  --r-btn: 12px;
  --r-pill: 999px;
  --shadow-float: 0 8px 24px -12px rgba(27, 42, 74, .45);

  --sidebar-w: 264px;
  --bottomnav-h: 64px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121C33; --surface: #18243F; --fg: #FFF9E8; --muted: #AEB8CF;
    --line: #2A3A5E; --soft: #1F2D4D; --link: #9DB4E0;
    --nav-bg: #0E1628; --nav-fg: #FFF9E8; --nav-muted: #AEB8CF; --nav-active: #FFB81C;
    --mark-a: #FFF9E8; --mark-b: #FFB81C; --focus: #FFB81C;
    --ok-text: #7FD6A4; --ok-bg: #173A2B; --warn-text: #FFD27A; --warn-bg: #4A3A12;
    --crit-text: #FFB4A8; --crit-bg: #5A2323;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #121C33; --surface: #18243F; --fg: #FFF9E8; --muted: #AEB8CF;
  --line: #2A3A5E; --soft: #1F2D4D; --link: #9DB4E0;
  --nav-bg: #0E1628; --nav-fg: #FFF9E8; --nav-muted: #AEB8CF; --nav-active: #FFB81C;
  --mark-a: #FFF9E8; --mark-b: #FFB81C; --focus: #FFB81C;
  --ok-text: #7FD6A4; --ok-bg: #173A2B; --warn-text: #FFD27A; --warn-bg: #4A3A12;
  --crit-text: #FFB4A8; --crit-bg: #5A2323;
  color-scheme: dark;
}