/* =====================================================================
   gestao.rich.fitness — DESIGN TOKENS (arquitetura white-label)
   Camada 1 · CHASSIS — neutros, tipografia, forma. Nunca muda por tenant.
   Camada 2 · TENANT  — só --brand precisa trocar para rebrandar tudo;
                        strong/soft derivam via color-mix.
   Fonte da verdade: rebranding-gestao/DESIGN.md §3 (v1.0, 15/07/2026).
   ===================================================================== */
:root {
  /* --- Camada 1: chassis neutro ------------------------------------ */
  --bg:        oklch(97.5% 0.002 100);
  --surface:   oklch(99.6% 0.001 100);
  --fg:        oklch(22% 0.01 95);
  --muted:     oklch(47% 0.01 95);
  --border:    oklch(89.5% 0.004 95);
  --line:      oklch(93.5% 0.003 95);

  /* Rail escuro — herança do painel dark atual da Be Rich */
  --rail:       oklch(17.5% 0.008 90);
  --rail-fg:    oklch(93% 0.006 95);
  --rail-muted: oklch(62% 0.008 95);
  --rail-line:  rgba(255, 255, 255, 0.08);

  /* --- Camada 2: marca do tenant (white-label) ---------------------- */
  /* Tenant padrão: Be Rich — dourado refinado (evolução do #C9A84C).  */
  /* Para outra marca: trocar SÓ esta linha (ou via Configurações ›    */
  /* Marca, que aplica o valor vindo de GET /api/tenant).              */
  --brand:        oklch(68% 0.115 88);
  --brand-strong: color-mix(in oklch, var(--brand), black 34%);
  --brand-soft:   color-mix(in oklch, var(--brand), white 87%);
  --on-brand:     oklch(17% 0.02 90);

  /* --- Semânticas (estado, não decoração) --------------------------- */
  --success:      oklch(55% 0.12 152);
  --success-soft: oklch(95% 0.028 152);
  --warn:         oklch(58% 0.12 70);
  --warn-soft:    oklch(96% 0.038 85);
  --danger:       oklch(53% 0.17 25);
  --danger-soft:  oklch(95.5% 0.024 25);

  /* --- Tipografia ---------------------------------------------------- */
  --font-display: 'Avenir Next', -apple-system, BlinkMacSystemFont,
                  'Segoe UI', system-ui, sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, 'SF Pro Text',
                  'Segoe UI', system-ui, sans-serif;
  --font-mono:    'SF Mono', ui-monospace, 'JetBrains Mono', Menlo, monospace;

  /* --- Forma ---------------------------------------------------------- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --shadow-pop: 0 10px 32px rgba(12, 12, 10, 0.12);
}

/* =====================================================================
   Fallback para navegadores sem oklch()/color-mix() (Chrome/Edge <111,
   Safari <16.4, Firefox <113) — hex sRGB equivalentes, gerados por
   conversão OKLab→sRGB dos valores acima. brand-strong/soft ficam
   estáticos aqui (sem color-mix): tenant custom nesses navegadores
   mantém o dourado Be Rich — degradação aceitável e documentada.
   ===================================================================== */
@supports not (color: oklch(50% 0 0)) {
  :root {
    --bg:        #F7F7F5;
    --surface:   #FEFEFD;
    --fg:        #1C1B15;
    --muted:     #5C5B55;
    --border:    #DDDCD9;
    --line:      #EAE9E7;
    --rail:       #12100D;
    --rail-fg:    #E9E8E3;
    --rail-muted: #878681;
    --brand:        #B69439;
    --brand-strong: #66521C;
    --brand-soft:   #F5F1E6;
    --on-brand:     #130F06;
    --success:      #2E854D;
    --success-soft: #E1F4E5;
    --warn:         #A76C12;
    --warn-soft:    #FEF0D6;
    --danger:       #BA3535;
    --danger-soft:  #FFEAE8;
  }
}