/* PetTreat — variaveis de estilo proprias (2026-10-13).
   Antes vinham do /css/tokens.css do fuzzalab.pt (proxy no vhost tools.*). No dominio
   proprio a app nao depende do portal: os mesmos nomes de variaveis, a cor da marca muda. */
:root {
  --bg-page:         #f6f8f8;
  --bg-surface:      #eef3f3;
  --bg-card:         #ffffff;
  --bg-card-hover:   #f1f5f5;
  --bg-input:        #fbfcfc;
  --bg-overlay:      rgba(15, 23, 42, .5);
  --bg-badge:        #eef3f3;

  --text-primary:    #142024;
  --text-secondary:  #52616b;
  --text-muted:      #8a979f;
  --text-on-accent:  #ffffff;

  --accent:          #0f766e;
  --accent-hover:    #115e59;
  --accent-bg:       rgba(15, 118, 110, .08);

  --success:         #16a34a;
  --warning:         #d97706;
  --danger:          #dc2626;

  --border:          #dfe7e7;
  --border-light:    #edf2f2;
  --border-focus:    #0f766e;

  --shadow-sm:       0 1px 2px rgba(0,0,0,.04);
  --shadow-lg:       0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.04);
  --radius-sm:       4px;
  --radius:          8px;
  --radius-md:       12px;

  --font-sans:       -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --transition-fast: 120ms ease;
}

/* Tema escuro: escolhido no botao (data-theme) ou, sem escolha, pelo sistema. */
:root[data-theme="dark"] {
  --bg-page: #0f1517; --bg-surface: #162024; --bg-card: #1a2529; --bg-card-hover: #213036;
  --bg-input: #121b1e; --bg-overlay: rgba(0, 0, 0, .65); --bg-badge: #24343a;
  --text-primary: #e4eced; --text-secondary: #a3b3b8; --text-muted: #74868c; --text-on-accent: #ffffff;
  --accent: #2bb3a6; --accent-hover: #3cc7ba; --accent-bg: rgba(43, 179, 166, .12);
  --success: #22c55e; --warning: #f59e0b; --danger: #f87171;
  --border: #2b3b40; --border-light: #223035; --border-focus: #2bb3a6;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3); --shadow-lg: 0 10px 15px rgba(0,0,0,.45);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-page: #0f1517; --bg-surface: #162024; --bg-card: #1a2529; --bg-card-hover: #213036;
    --bg-input: #121b1e; --bg-overlay: rgba(0, 0, 0, .65); --bg-badge: #24343a;
    --text-primary: #e4eced; --text-secondary: #a3b3b8; --text-muted: #74868c; --text-on-accent: #ffffff;
    --accent: #2bb3a6; --accent-hover: #3cc7ba; --accent-bg: rgba(43, 179, 166, .12);
    --success: #22c55e; --warning: #f59e0b; --danger: #f87171;
    --border: #2b3b40; --border-light: #223035; --border-focus: #2bb3a6;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.3); --shadow-lg: 0 10px 15px rgba(0,0,0,.45);
    color-scheme: dark;
  }
}