/*
 * tokens.css: camada de cor do site AltaReceita.
 * Fonte: _spec/05-DESIGN.md secoes 2.1 a 2.4. Nao editar sem atualizar a spec.
 * Secao 1: marca (literal de brand/marca/tokens.css).
 * Secao 2: produto (literal do HANDOFF, com as correcoes de contraste da 2.3),
 *   escopado em .ar-app para nao vazar para o site (05-DESIGN 8.5).
 * Secao 3: camada do site (chaos, tinta, anel, sinal).
 */

/* ============================================================ */
/* 1. Marca                                                       */
/* ============================================================ */
:root{
  --ar-esmeralda: #0B3D2E;
  --ar-champagne: #D4C4A8;
  --ar-off-white: #F0EBE4;
  --ar-tinta:     #111111;
  --ar-fonte-marca: "Cormorant Garamond", Georgia, serif;
  --ar-fonte-ui: "Jost", "Helvetica Neue", Arial, sans-serif;
}

/* ============================================================ */
/* 2. Produto (escopo .ar-app), claro com as correcoes de 2.3     */
/* ============================================================ */
.ar-app{
  --bg: #F7F9F8;
  --surface: #FFFFFF;
  --surface-2: #F1F4F2;
  --surface-3: #DEE3E0;
  --primary: #0B3D2E;
  --primary-hover: #08281E;
  --primary-soft: #DCEFE7;
  --accent: #D4C4A8;
  --accent-hover: #C4AF85;
  --text: #151A17;
  --text-body: #38423C;
  --text-muted: #556059;
  --text-subtle: #626C65;
  --text-accent: #765C2C;
  --success: #16674F;
  --warning: #875B17;
  --danger: #A3302B;
  --danger-strong: #7E2320;
  --border: #DEE3E0;
  --border-strong: #6C746D;
  --ring: rgba(11, 61, 46, .30);
  --sidebar-bg: #0B3D2E;
  --sidebar-hover: #10513E;
  --sidebar-active-bg: rgba(212, 196, 168, .16);
  --sidebar-fg: #9FB5AA;
  --sidebar-fg-active: #F0EBE4;
  --sidebar-accent: #D4C4A8;
  --sidebar-border: rgba(240, 235, 228, .12);
  --sidebar-muted: #8DA299;
  --stage-incoming: #6C746D;
  --stage-won: #16674F;
  --stage-lost: #A3302B;
  --stage-open-1: #10513E;
  --stage-open-2: #16674F;
  --stage-open-3: #1E8163;
  --stage-open-4: #3EA07F;
  --stage-open-5: #75BFA5;
  --stage-open-6: #A8741C;
  --chart-1: #0B3D2E;
  --chart-2: #16674F;
  --chart-3: #3EA07F;
  --chart-4: #C4AF85;
  --chart-5: #75BFA5;
  --warning-text: #875B17;
  --warning-soft: #F8F1E0;
  --danger-soft: #F7ECEB;
  --danger-border: #E4C6C4;
  --info: #3A5F86;
  --info-soft: #E7EDF3;
  --font-mono: 'DM Mono', ui-monospace, Menlo, monospace;
  --font-display: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 600;
  --weight-extrabold: 600;
  --text-xs: 12px;  --text-sm: 13px;  --text-base: 14px;
  --text-lg: 16px;  --text-xl: 19px;  --text-2xl: 24px;  --text-3xl: 26px;  --text-4xl: 28px;
  --radius-sm: 3px; --radius-md: 6px; --radius-lg: 10px; --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(11, 61, 46, .06);
  --shadow-md: 0 4px 14px rgba(11, 61, 46, .08), 0 1px 3px rgba(11, 61, 46, .05);
  --shadow-lg: 0 18px 44px rgba(11, 61, 46, .12), 0 4px 12px rgba(11, 61, 46, .06);
  --transition-fast: 120ms; --transition: 200ms; --transition-slow: 320ms;
  --ease: cubic-bezier(.2, .6, .2, 1);
  --on-primary: #FFFFFF;
  --on-danger: #FFFFFF;
  --on-accent: #151A17;
  --sidebar-w: 248px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 26px; --space-7: 40px; --space-8: 56px; --space-9: 80px;
  color-scheme: light;
}

/* Produto, escuro (HANDOFF §3; barra lateral invariante de tema) */
@media (prefers-color-scheme: dark){
  .ar-app:not([data-theme="light"]){
    --bg: #0D110F;
    --surface: #151A17;
    --surface-2: #232B27;
    --surface-3: #2C352F;
    --primary: #3EA07F;
    --primary-hover: #75BFA5;
    --primary-soft: #10513E;
    --accent: #D4C4A8;
    --accent-hover: #C4AF85;
    --text: #F0EBE4;
    --text-body: #C1C8C3;
    --text-muted: #A5AEA7;
    --text-subtle: #AEB8B1;
    --text-accent: #E3D2AD;
    --success: #3EA07F;
    --warning: #D9A84E;
    --danger: #D98680;
    --danger-strong: #E8A19C;
    --border: #232B27;
    --border-strong: #77827A;
    --ring: rgba(62, 160, 127, .40);
    --stage-incoming: #909A93;
    --stage-won: #3EA07F;
    --stage-lost: #D98680;
    --stage-open-1: #B0DCCB;
    --stage-open-2: #75BFA5;
    --stage-open-3: #3EA07F;
    --stage-open-4: #1E8163;
    --stage-open-5: #16674F;
    --stage-open-6: #D9A84E;
    --chart-1: #75BFA5;
    --chart-2: #3EA07F;
    --chart-3: #B0DCCB;
    --chart-4: #D4C4A8;
    --chart-5: #C4AF85;
    --warning-text: #D9A84E;
    --warning-soft: #2C2414;
    --danger-soft: #33201F;
    --danger-border: #5A302C;
    --info: #8FB2D9;
    --info-soft: #1B2836;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .35);
    --shadow-lg: 0 18px 44px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4);
    --on-primary: #071E15;
    --on-danger: #2A0A08;
    color-scheme: dark;
  }
}
.ar-app[data-theme="dark"]{
  --bg: #0D110F; --surface: #151A17; --surface-2: #232B27; --surface-3: #2C352F;
  --primary: #3EA07F; --primary-hover: #75BFA5; --primary-soft: #10513E;
  --accent: #D4C4A8; --accent-hover: #C4AF85;
  --text: #F0EBE4; --text-body: #C1C8C3; --text-muted: #A5AEA7; --text-subtle: #AEB8B1; --text-accent: #E3D2AD;
  --success: #3EA07F; --warning: #D9A84E; --danger: #D98680; --danger-strong: #E8A19C;
  --border: #232B27; --border-strong: #77827A; --ring: rgba(62, 160, 127, .40);
  --stage-incoming: #909A93; --stage-won: #3EA07F; --stage-lost: #D98680;
  --stage-open-1: #B0DCCB; --stage-open-2: #75BFA5; --stage-open-3: #3EA07F;
  --stage-open-4: #1E8163; --stage-open-5: #16674F; --stage-open-6: #D9A84E;
  --chart-1: #75BFA5; --chart-2: #3EA07F; --chart-3: #B0DCCB; --chart-4: #D4C4A8; --chart-5: #C4AF85;
  --warning-text: #D9A84E; --warning-soft: #2C2414; --danger-soft: #33201F; --danger-border: #5A302C;
  --info: #8FB2D9; --info-soft: #1B2836;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .35);
  --shadow-lg: 0 18px 44px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4);
  --on-primary: #071E15; --on-danger: #2A0A08;
  color-scheme: dark;
}

/* ============================================================ */
/* 3. Camada do site: chaos, tinta, anel, sinal (05-DESIGN 2.4)   */
/* ============================================================ */
:root{
  color-scheme: light dark;
  --esmeralda: #0B3D2E; --esmeralda-2: #10513E; --esmeralda-3: #16674F;
  --off-white: #F0EBE4; --champagne: #D4C4A8; --champagne-claro: #8A7649;
  --tinta-esm: #F0EBE4; --tinta-esm-suave: #BFCEC6;
  --anel-claro: rgba(11,61,46,.55); --anel-esm: rgba(240,235,228,.60); --anel-escuro: rgba(117,191,165,.70);
  --anel-destrutivo: rgba(163,48,43,.28);
}
.chao-claro   { --chao:#F7F9F8; --tinta:#151A17; --tinta-suave:#556059; --acao:#0B3D2E; --acao-hover:#08281E; --acao-tinta:#FFFFFF; --ring:var(--anel-claro); --sinal:var(--champagne-claro); --linha:#DEE3E0; background-color:var(--chao); color:var(--tinta); }
.chao-branco  { --chao:#FFFFFF; --tinta:#151A17; --tinta-suave:#556059; --acao:#0B3D2E; --acao-hover:#08281E; --acao-tinta:#FFFFFF; --ring:var(--anel-claro); --sinal:var(--champagne-claro); --linha:#DEE3E0; background-color:var(--chao); color:var(--tinta); }
.chao-papel   { --chao:#F0EBE4; --tinta:#151A17; --tinta-suave:#556059; --acao:#0B3D2E; --acao-hover:#08281E; --acao-tinta:#FFFFFF; --ring:var(--anel-claro); --sinal:var(--champagne-claro); --linha:#DDD5CB; background-color:var(--chao); color:var(--tinta); }
.chao-esmeralda { --chao:#0B3D2E; --tinta:var(--tinta-esm); --tinta-suave:var(--tinta-esm-suave); --acao:#F0EBE4; --acao-hover:#FFFFFF; --acao-tinta:#0B3D2E; --ring:var(--anel-esm); --sinal:var(--champagne); --linha:rgba(240,235,228,.14); background-color:var(--chao); color:var(--tinta); }
.chao-esmeralda.janela-campo { background-color: transparent; }

/* O lado "Como esta hoje" de para-dentistas.html e invariante de tema (05-DESIGN 2.4; A10 DES-14) */
.pagina--dentistas .lado-hoje.chao-papel { --chao:#F0EBE4; --tinta:#151A17; --tinta-suave:#556059; --linha:#DDD5CB; }

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .chao-claro  { --chao:#0D110F; --tinta:#F0EBE4; --tinta-suave:#A5AEA7; --acao:#F0EBE4; --acao-hover:#FFFFFF; --acao-tinta:#0B3D2E; --ring:var(--anel-esm); --sinal:var(--champagne); --linha:#232B27; }
  :root:not([data-theme="light"]) .chao-branco { --chao:#151A17; --tinta:#F0EBE4; --tinta-suave:#A5AEA7; --acao:#F0EBE4; --acao-hover:#FFFFFF; --acao-tinta:#0B3D2E; --ring:var(--anel-esm); --sinal:var(--champagne); --linha:#232B27; }
  :root:not([data-theme="light"]) .chao-papel:not(.lado-hoje)  { --chao:#151A17; --tinta:#F0EBE4; --tinta-suave:#A5AEA7; --acao:#F0EBE4; --acao-hover:#FFFFFF; --acao-tinta:#0B3D2E; --ring:var(--anel-esm); --sinal:var(--champagne); --linha:#232B27; }
}
:root[data-theme="dark"] .chao-claro  { --chao:#0D110F; --tinta:#F0EBE4; --tinta-suave:#A5AEA7; --acao:#F0EBE4; --acao-hover:#FFFFFF; --acao-tinta:#0B3D2E; --ring:var(--anel-esm); --sinal:var(--champagne); --linha:#232B27; }
:root[data-theme="dark"] .chao-branco { --chao:#151A17; --tinta:#F0EBE4; --tinta-suave:#A5AEA7; --acao:#F0EBE4; --acao-hover:#FFFFFF; --acao-tinta:#0B3D2E; --ring:var(--anel-esm); --sinal:var(--champagne); --linha:#232B27; }
:root[data-theme="dark"] .chao-papel:not(.lado-hoje)  { --chao:#151A17; --tinta:#F0EBE4; --tinta-suave:#A5AEA7; --acao:#F0EBE4; --acao-hover:#FFFFFF; --acao-tinta:#0B3D2E; --ring:var(--anel-esm); --sinal:var(--champagne); --linha:#232B27; }