/* ALURYA 0.1.0 | Valores semânticos. Não usar hex direto nos componentes. */
:root {
  --al-canvas: #F7F4EF;
  --al-surface: #FFFFFF;
  --al-raised: #FFFFFF;
  --al-subtle: #EFEBE5;
  --al-text: #242729;
  --al-muted: #524C45;
  --al-border: #D8D1C8;
  --al-control-border: #807970;
  --al-primary: #82573C;
  --al-primary-hover: #67422E;
  --al-on-primary: #FFFFFF;
  --al-focus: #82573C;
  --al-sage: #556653;
  --al-sage-soft: #E9EEE5;
  --al-success: #2C6749;
  --al-success-bg: #EAF3EC;
  --al-warning: #85520E;
  --al-warning-bg: #FBF0D8;
  --al-danger: #A43232;
  --al-danger-bg: #FBECEC;
  --al-info: #2E617C;
  --al-info-bg: #E9F1F7;
  --al-ai: #535078;
  --al-ai-bg: #F0EEF8;
  --al-scrim: #242729;
  --al-on-scrim: #F7F4EF;
  --al-muted-on-sage: #524C45;
  --al-space-0: 0rem;
  --al-space-4: 0.25rem;
  --al-space-8: 0.5rem;
  --al-space-12: 0.75rem;
  --al-space-16: 1rem;
  --al-space-20: 1.25rem;
  --al-space-24: 1.5rem;
  --al-space-32: 2rem;
  --al-space-40: 2.5rem;
  --al-space-48: 3rem;
  --al-space-64: 4rem;
  --al-space-80: 5rem;
  --al-space-96: 6rem;
  --al-radius-0: 0px;
  --al-radius-4: 4px;
  --al-radius-8: 8px;
  --al-radius-12: 12px;
  --al-radius-16: 16px;
  --al-radius-24: 24px;
  --al-radius-999: 999px;
  --al-font-ui: Inter, Arial, sans-serif;
  --al-font-editorial: "Cormorant Garamond", Georgia, serif;
  --al-shadow-sm: 0 2px 8px rgb(36 39 41 / 5%);
  --al-shadow-lg: 0 16px 48px rgb(36 39 41 / 12%);
  --al-duration: 180ms;
  --al-ease: cubic-bezier(.2,0,0,1);
}
[data-theme="dark"] {
  --al-canvas: #191C1D;
  --al-surface: #242729;
  --al-raised: #2E3234;
  --al-subtle: #2E3234;
  --al-text: #F7F4EF;
  --al-muted: #C7C0B8;
  --al-border: #454A4C;
  --al-control-border: #96938E;
  --al-primary: #D3B79E;
  --al-primary-hover: #E1CBB8;
  --al-on-primary: #242729;
  --al-focus: #D3B79E;
  --al-sage: #9DCFAD;
  --al-sage-soft: #203E2D;
  --al-success: #9DCFAD;
  --al-success-bg: #203E2D;
  --al-warning: #E6BC77;
  --al-warning-bg: #49361C;
  --al-danger: #F0A3A3;
  --al-danger-bg: #4B292C;
  --al-info: #A3C8DE;
  --al-info-bg: #233A48;
  --al-ai: #C1BBE5;
  --al-ai-bg: #343047;
  --al-scrim: #242729;
  --al-on-scrim: #F7F4EF;
  --al-muted-on-sage: #DDD8D2;
  color-scheme: dark;
}
/* Preferencia do sistema. O atributo data-theme continua mandando:
   :root[data-theme="light"] escapa desta regra. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --al-canvas: #191C1D;
    --al-surface: #242729;
    --al-raised: #2E3234;
    --al-subtle: #2E3234;
    --al-text: #F7F4EF;
    --al-muted: #C7C0B8;
    --al-border: #454A4C;
    --al-control-border: #96938E;
    --al-primary: #D3B79E;
    --al-primary-hover: #E1CBB8;
    --al-on-primary: #242729;
    --al-focus: #D3B79E;
    --al-sage: #9DCFAD;
    --al-sage-soft: #203E2D;
    --al-success: #9DCFAD;
    --al-success-bg: #203E2D;
    --al-warning: #E6BC77;
    --al-warning-bg: #49361C;
    --al-danger: #F0A3A3;
    --al-danger-bg: #4B292C;
    --al-info: #A3C8DE;
    --al-info-bg: #233A48;
    --al-ai: #C1BBE5;
    --al-ai-bg: #343047;
    --al-scrim: #242729;
    --al-on-scrim: #F7F4EF;
    --al-muted-on-sage: #DDD8D2;
    color-scheme: dark;
  }
}
@media (prefers-reduced-motion: reduce) { :root { --al-duration: 0ms; } }