/* =============================================================================
   Tokens do design system do grupo (DESIGN.md v1.4.2, seções 1 e 2), conferidos contra
   as telas canônicas (telas/01 a 04; em conflito, as telas mandam).
   Tema claro é o padrão; o escuro é escolha da pessoa (toggle sol/lua, localStorage
   'sotaq-theme', aplicado no <html data-theme> por script com nonce no <head>).
   Nunca usar cor fora destes tokens: variável inexistente cai calada no padrão do navegador.
   ============================================================================= */

@font-face { font-family: 'BR Cobane'; src: url('../fonts/BRCobane-Black.otf') format('opentype'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'BR Cobane'; src: url('../fonts/BRCobane-SemiBold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'BR Cobane'; src: url('../fonts/BRCobane-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'BR Cobane'; src: url('../fonts/BRCobane-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'BR Cobane'; src: url('../fonts/BRCobane-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; }

/* ---------- Claro (padrão) ---------- */
:root {
  --canvas: #F7F7F5;
  --surface: #FFFFFF;
  --surface-raised: #FAFAF8;
  --border: #EDEDEA;
  --border-strong: #E0E0DD;
  --border-control: #8A8A85;   /* contorno de controle interativo: >= 3:1 contra surface e canvas */
  --ink: #0A0A0A;
  --ink-2: #4A4A4A;
  --ink-3: #6B6B6B;
  --accent: #FF6F38;           /* laranja da marca como SUPERFÍCIE (máx. 10% da tela) */
  --accent-ink: #B84A1F;       /* laranja como TEXTO (>= 4.5:1) */
  --accent-tint: #FFF4EF;
  --danger: #D93025;
  --danger-tint: #FDEEEC;
  /* vermelho como TEXTO sobre tint e canvas (revisão de interface da etapa 2, A1, 08/10): o --danger dá 4,23:1 no
     --danger-tint e 4,45:1 no --canvas. Medido: 5,79:1 no tint, 6,09:1 no canvas, 6,54:1 no surface. Evolução a
     levar ao DESIGN.md (changelog), registrada em docs/build/pendencias-desenho.md */
  --danger-ink: #B3261E;
  --success-ink: #0F6B34;
  --success-tint: #EAF7EC;
  --warning-ink: #7A5200;
  --warning-tint: #FBF1DC;
  --focus-ring: #B84A1F;       /* #FF6F38 no claro reprova (2.58:1): nunca usar aqui */

  --fonte: 'BR Cobane', system-ui, -apple-system, sans-serif;
  --raio-controle: 10px;
  --raio-moldura: 16px;
  --largura-menu: 264px;
  --largura-menu-recolhido: 64px;
  --largura-pagina-lista: 1120px;
  --largura-pagina-formulario: 720px;
  --largura-painel-lateral: 520px;  /* drawer_detalhe (DESIGN.md 7.5, decisão de 18/09) */
}

/* ---------- Escuro ---------- */
[data-theme="dark"] {
  --canvas: #0A0A0A;
  --surface: #141414;
  --surface-raised: #1C1C1C;
  --border: #262626;
  --border-strong: #333333;
  --border-control: #666660;
  --ink: #F5F5F3;
  --ink-2: #B5B5B1;
  --ink-3: #9A9A96;
  --accent: #FF6F38;
  --accent-ink: #FF8A5C;
  --accent-tint: #241A14;
  --danger: #FF6B5C;
  --danger-tint: #2A1512;
  --danger-ink: #FF6B5C;       /* no escuro o --danger já passa: 6,18:1 no tint, 7,08:1 no canvas, 6,59:1 no surface */
  --success-ink: #4ADE80;
  --success-tint: #132118;
  --warning-ink: #E8B84B;
  --warning-tint: #2A2014;
  --focus-ring: #FF6F38;
}