/* Delfos — direção "Coluna". Cores, medidas e movimento têm este único
   proprietário. Paleta do quadro de identidade: preto #0b0b0b, carvão #1f1f1f,
   grafite #3a3a3a, marfim #ede9e1, cinza quente #d6d1c7. Nada além dela no
   cromo; cor só identifica área, separa entrada × saída e marca urgência.
   Decisões em DESIGN.md. */
:root {
  color-scheme: light;
  /* Um par: a serifa do logotipo como voz, Jost (o desenho geométrico da
     assinatura) em todo o resto. Arquivos locais em fonts.css. */
  --font: "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
  --font-voz: "Noto Serif Display", Georgia, "Times New Roman", serif;
  --font-display: var(--font-voz);
  /* Escala modular 1,25 a partir de 16. */
  --font-xs: 13px;
  --font-sm: 16px;
  --font-md: 20px;
  --font-lg: 25px;
  --font-xl: 31px;
  --font-2xl: 39px;
  --font-3xl: 49px;
  --font-base: var(--font-sm);
  --font-small: var(--font-xs);
  --font-h2: var(--font-md);
  --font-h1: var(--font-xl);
  --heading-weight: 400;
  --track-rotulo: .12em;
  --track-assinatura: .32em;
  --line-body: 1.5;
  --line-reading: 1.6;
  --line-heading: 1.15;
  --reading-width: 68ch;
  --content-width: 1200px;
  --control-size: 44px;
  --space-half: 2px;
  --sidebar-w: 236px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  /* Raio quase reto, uma linguagem só: 2 miúdo, 4 controle, 6 superfície. */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 4px;
  --r-lg: 6px;
  --r-xl: 6px;
  --r-pill: 999px;
  /* Uma curva, sem mola. */
  --t-rapido: 180ms;
  --t-medio: 280ms;
  --t-lento: 420ms;
  --ease-saida: cubic-bezier(.22, 1, .36, 1);
  --ease-mola: cubic-bezier(.22, 1, .36, 1);
  --ease-troca: cubic-bezier(.22, 1, .36, 1);

  /* Claro: o lado marfim do quadro. Fundo marfim, texto e ação em preto. */
  --fundo: #ede9e1;
  --lateral: #e6e1d7;
  --superficie: #ede9e1;
  --superficie-2: color-mix(in srgb, #121211 5%, #ede9e1);
  --superficie-3: color-mix(in srgb, #121211 10%, #ede9e1);
  --texto: #121211;
  --texto-2: #46423b;
  --texto-3: #615c54;
  --linha: rgb(11 11 11 / .1);
  --linha-forte: #857f73;
  --sobre-claro: #ede9e1;
  --destaque-padrao: #121211;
  --destaque: var(--destaque-padrao);
  --sobre-destaque: #ede9e1;
  --st-critical: #a33a2d;
  --critical-text: #a33a2d;
  --st-good: #3d6b32;
  --success-text: #3d6b32;
  --st-warning: #46423b;
  --warning-text: #46423b;
  --s-pessoal: #944d77;
  --s-financeiro: #477b3b;
  --s-faculdade: #4f6478;
  --s-projetos: #a06522;
  --serie-entrada: #4f6478;
  --serie-saida: #a06522;
  --serie-contexto: #857f73;
  --shadow: none;
  --shadow-lift: none;
  --shadow-pop: 0 0 0 1px rgb(11 11 11 / .12), 0 24px 56px -28px rgb(40 34 24 / .32);
  --brilho: none;
  --luz: transparent;
  --luz-borda: transparent;
  --lavado: var(--superficie);
  --grid: color-mix(in srgb, var(--texto) 8%, transparent);
  --axis: var(--linha-forte);
  --track: var(--superficie-3);
  --s-pessoal-wash: color-mix(in srgb, var(--s-pessoal) 10%, transparent);
  --s-financeiro-wash: color-mix(in srgb, var(--s-financeiro) 10%, transparent);
  --s-faculdade-wash: color-mix(in srgb, var(--s-faculdade) 10%, transparent);
  --s-projetos-wash: color-mix(in srgb, var(--s-projetos) 10%, transparent);
  --st-good-wash: color-mix(in srgb, var(--st-good) 10%, transparent);
  --st-warning-wash: color-mix(in srgb, var(--st-warning) 10%, transparent);
  --st-critical-wash: color-mix(in srgb, var(--st-critical) 10%, transparent);
}
/* Escuro: o lado preto do quadro. Texto e ação em marfim. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --fundo: #0e0e0d;
  --lateral: #0b0b0b;
  --superficie: #0e0e0d;
  --superficie-2: color-mix(in srgb, #ede9e1 6%, #0e0e0d);
  --superficie-3: color-mix(in srgb, #ede9e1 11%, #0e0e0d);
  --texto: #ede9e1;
  --texto-2: #b3aea5;
  --texto-3: #8e897f;
  --linha: rgb(237 233 225 / .1);
  --linha-forte: #6f6a61;
  --sobre-claro: #0e0e0d;
  --destaque-padrao: #ede9e1;
  --sobre-destaque: #0b0b0b;
  --st-critical: #df7b69;
  --critical-text: #df7b69;
  --st-good: #93b583;
  --success-text: #93b583;
  --st-warning: #b3aea5;
  --warning-text: #b3aea5;
  --s-pessoal: #b9719b;
  --s-financeiro: #76a15e;
  --s-faculdade: #8fa3b5;
  --s-projetos: #c08849;
  --serie-entrada: #8fa3b5;
  --serie-saida: #c08849;
  --serie-contexto: #6f6a61;
  --shadow-pop: 0 0 0 1px rgb(237 233 225 / .12), 0 24px 64px -24px rgb(0 0 0 / .7);
}