:root {
  color-scheme: light dark;
  
  --cz-verde-profundo: #06483F;
  --cz-noite-de-antes: #0F2A44;
  --cz-turquesa-circuito: #0E8F86;
  --cz-amarelo-caju: #F2B544;
  --cz-laranja-alvorada: #FB9137;
  --cz-nevoa: #FBFAF6;
  
  --cz-verde-aurora: #3FCB91;
  --cz-verde-folha: #4F7B53;
  --cz-luz-do-sol: #FBE397;
  --cz-vermelho-alvorada: #EE5A2C;
  --cz-pessego-aurora: #FFD9B8;
  --cz-ceu-da-manha: #DCEEF8;
  --cz-azul-alvorada: #9CCBEA;
  --cz-azul-horizonte: #2F6F9F;
  
  --cz-areia-clara: #F7F2E8;
  --cz-grafite: #25282B;
  --cz-branco: #FFFFFF;
  --cz-madrugada: #0A1A24;
  --cz-mare-noturna: #11242F;
  --cz-noite-azulada: #17303D;
  --cz-horizonte-escuro: #1E3D4C;
  --cz-turquesa-profundo: #0A6E68;
  --cz-turquesa-luz: #5FE3CF;
  --cz-verde-mata: #0B6B3A;
  --cz-ambar-queimado: #8F5B00;
  --cz-coral-brasa: #B4361F;
  --cz-coral-da-alvorada: #F77F73;
  --cz-bruma: #B4C4CA;
  --cz-bruma-funda: #94AAB3;
  --cz-linha-de-areia: #E4DDCC;
  --cz-grafite-suave: #4A545B;
  --cz-cinza-nevoa: #5E696F;
  
  --cz-bg: var(--cz-nevoa);
  --cz-surface: var(--cz-branco);
  --cz-surface-2: var(--cz-areia-clara);
  --cz-surface-3: var(--cz-ceu-da-manha);
  --cz-border: var(--cz-linha-de-areia);
  --cz-text: var(--cz-grafite);
  --cz-text-2: var(--cz-grafite-suave);
  --cz-text-3: var(--cz-cinza-nevoa);
  --cz-brand: var(--cz-verde-profundo);
  --cz-primary: var(--cz-verde-profundo);
  --cz-on-primary: var(--cz-branco);
  --cz-link: var(--cz-turquesa-profundo);
  --cz-accent: var(--cz-turquesa-circuito);
  --cz-focus: var(--cz-turquesa-circuito);
  --cz-success: var(--cz-verde-mata);
  --cz-success-bg: #E4F4EA;
  --cz-info: var(--cz-azul-horizonte);
  --cz-info-bg: var(--cz-ceu-da-manha);
  --cz-warning: var(--cz-ambar-queimado);
  --cz-warning-bg: #FFF3D6;
  --cz-warning-fill: var(--cz-amarelo-caju);
  --cz-error: var(--cz-coral-brasa);
  --cz-error-bg: #FCE5DF;
  --cz-gradiente-assinatura: linear-gradient(135deg, #0F2A44 0%, #06483F 22%, #0E8F86 43%, #3FCB91 59%, #F2B544 79%, #FB9137 100%);
  --cz-ease-nascer: cubic-bezier(0.16, 1, 0.3, 1);
  --cz-ease-padrao: cubic-bezier(0.2, 0, 0, 1);
  --cz-ease-sair: cubic-bezier(0.4, 0, 1, 1);
  --cz-dur-rapido: 160ms;
  --cz-dur-normal: 240ms;
  --cz-dur-lento: 420ms;
  --cz-dur-sol: 900ms;
  --cz-raio-s: 6px;
  --cz-raio-m: 12px;
  --cz-raio-g: 20px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cz-bg: var(--cz-madrugada);
    --cz-surface: var(--cz-mare-noturna);
    --cz-surface-2: var(--cz-noite-azulada);
    --cz-surface-3: var(--cz-horizonte-escuro);
    --cz-border: var(--cz-horizonte-escuro);
    --cz-text: var(--cz-areia-clara);
    --cz-text-2: var(--cz-bruma);
    --cz-text-3: var(--cz-bruma-funda);
    --cz-brand: var(--cz-verde-aurora);
    --cz-primary: var(--cz-verde-aurora);
    --cz-on-primary: var(--cz-madrugada);
    --cz-link: var(--cz-turquesa-luz);
    --cz-accent: var(--cz-turquesa-luz);
    --cz-focus: var(--cz-turquesa-luz);
    --cz-success: var(--cz-verde-aurora);
    --cz-success-bg: #0F3A2E;
    --cz-info: var(--cz-azul-alvorada);
    --cz-info-bg: #12304A;
    --cz-warning: var(--cz-amarelo-caju);
    --cz-warning-bg: #3A2D0E;
    --cz-warning-fill: var(--cz-amarelo-caju);
    --cz-error: var(--cz-coral-da-alvorada);
    --cz-error-bg: #3F1D1B;
  }
}

:root[data-theme="dark"] {
  --cz-bg: var(--cz-madrugada);
  --cz-surface: var(--cz-mare-noturna);
  --cz-surface-2: var(--cz-noite-azulada);
  --cz-surface-3: var(--cz-horizonte-escuro);
  --cz-border: var(--cz-horizonte-escuro);
  --cz-text: var(--cz-areia-clara);
  --cz-text-2: var(--cz-bruma);
  --cz-text-3: var(--cz-bruma-funda);
  --cz-brand: var(--cz-verde-aurora);
  --cz-primary: var(--cz-verde-aurora);
  --cz-on-primary: var(--cz-madrugada);
  --cz-link: var(--cz-turquesa-luz);
  --cz-accent: var(--cz-turquesa-luz);
  --cz-focus: var(--cz-turquesa-luz);
  --cz-success: var(--cz-verde-aurora);
  --cz-success-bg: #0F3A2E;
  --cz-info: var(--cz-azul-alvorada);
  --cz-info-bg: #12304A;
  --cz-warning: var(--cz-amarelo-caju);
  --cz-warning-bg: #3A2D0E;
  --cz-warning-fill: var(--cz-amarelo-caju);
  --cz-error: var(--cz-coral-da-alvorada);
  --cz-error-bg: #3F1D1B;
}

@media (prefers-reduced-motion: reduce) {
  :root { --cz-dur-rapido: 0ms; --cz-dur-normal: 0ms; --cz-dur-lento: 0ms; --cz-dur-sol: 0ms; }
}