:root {
  --atende-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --atende-font-system: system-ui, sans-serif;
  --atende-line-height: 1.5;

  --atende-color-brand: #0c5d49;
  --atende-color-brand-strong: #073d32;
  --atende-color-brand-deep: #062c25;
  --atende-color-brand-soft: #eaf5f0;
  --atende-color-accent: #c9f970;
  --atende-color-accent-strong: #b8ef50;
  --atende-color-accent-soft: #edffd0;
  --atende-color-mint: #bde8d6;

  --atende-color-text: #10251f;
  --atende-color-text-soft: #244039;
  --atende-color-muted: #64746e;
  --atende-color-muted-light: #a9bbb4;
  --atende-color-background: #f7f8f4;
  --atende-color-background-muted: #f5f7f6;
  --atende-color-surface: #ffffff;
  --atende-color-on-dark: #ffffff;
  --atende-color-surface-soft: #eef2ec;
  --atende-color-border: #dbe3dc;
  --atende-color-border-muted: #dce4e1;
  --atende-color-border-strong: #b6c6be;
  --atende-color-muted-strong: #52635e;

  --atende-color-success: #18794e;
  --atende-color-success-soft: #e8f7ef;
  --atende-color-warning: #8a5a00;
  --atende-color-warning-soft: #fff4d6;
  --atende-color-danger: #a33a30;
  --atende-color-danger-soft: #fdeceb;
  --atende-color-info: #175cd3;
  --atende-color-info-soft: #eef4ff;

  --atende-space-1: 0.25rem;
  --atende-space-2: 0.5rem;
  --atende-space-3: 0.75rem;
  --atende-space-4: 1rem;
  --atende-space-control-x: 1.125rem;
  --atende-space-5: 1.25rem;
  --atende-space-6: 1.5rem;
  --atende-space-8: 2rem;
  --atende-space-10: 2.5rem;
  --atende-space-12: 3rem;

  --atende-radius-sm: 0.625rem;
  --atende-radius-md: 0.875rem;
  --atende-radius-card: 1rem;
  --atende-radius-lg: 1.125rem;
  --atende-radius-panel-xl: 1.25rem;
  --atende-radius-xl: 1.5rem;
  --atende-radius-2xl: 2.125rem;
  --atende-shadow-sm: 0 0.35rem 1.4rem rgba(15, 41, 33, 0.055);
  --atende-shadow-md: 0 1rem 3rem rgba(15, 41, 33, 0.08);
  --atende-shadow-lg: 0 1.5rem 4.375rem rgba(9, 45, 36, 0.13);
  --atende-shadow-offline: 0 1.125rem 3.125rem rgba(16, 36, 31, 0.08);
  --atende-shadow-landing-soft: 0 0.875rem 2.5rem rgba(9, 45, 36, 0.08);
  --atende-focus-ring: rgba(12, 93, 73, 0.22);
  --atende-transition-fast: 160ms ease;
  --atende-control-height: 2.75rem;

  /* Compatibilidade visual. Novas interfaces usam os tokens sem prefixo legacy. */
  --atende-legacy-admin-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --atende-legacy-panel-text: #12231f;
  --atende-legacy-panel-text-soft: #203a33;
  --atende-legacy-panel-brand: #24765f;
  --atende-legacy-panel-brand-strong: #185b49;
  --atende-legacy-panel-brand-soft: #eaf5f0;
  --atende-legacy-panel-accent: #d9f27a;
  --atende-legacy-panel-background: #f6f8f6;
  --atende-legacy-panel-surface-soft: #f8faf9;
  --atende-legacy-panel-border: #dfe7e3;
  --atende-legacy-panel-border-strong: #cbd8d2;
  --atende-legacy-panel-muted: #687a73;
  --atende-legacy-panel-danger: #b84740;
  --atende-legacy-panel-danger-soft: #fff0ef;
  --atende-legacy-panel-warning: #9b6816;
  --atende-legacy-panel-warning-soft: #fff6df;
  --atende-legacy-panel-shadow: 0 1rem 2.8125rem rgba(15, 41, 33, 0.07);
  --atende-legacy-panel-shadow-soft: 0 0.5rem 1.625rem rgba(15, 41, 33, 0.05);
  --atende-legacy-panel-focus-ring: rgba(36, 118, 95, 0.22);
  --atende-legacy-panel-focus-shadow: rgba(36, 118, 95, 0.12);

  --atende-legacy-admin-brand: #1f755f;
  --atende-legacy-admin-brand-strong: #10241f;
  --atende-legacy-admin-accent: #d7f078;
  --atende-legacy-admin-background: #f4f7f5;
  --atende-legacy-admin-border: #dfe7e3;
  --atende-legacy-admin-muted: #687a73;
  --atende-legacy-admin-danger: #b84740;
  --atende-legacy-admin-focus-ring: rgba(31, 117, 95, 0.22);
  --atende-legacy-admin-dark-background: #0f1d19;
  --atende-legacy-admin-dark-surface: #172723;
  --atende-legacy-admin-dark-surface-soft: #1c2f2a;
  --atende-legacy-admin-dark-border: #30473f;
  --atende-legacy-admin-dark-muted: #a1b4ad;
  --atende-legacy-admin-dark-text: #e7efec;

  --atende-legacy-establishment-brand: #176b54;
  --atende-legacy-establishment-brand-strong: #0f493a;
  --atende-legacy-establishment-brand-soft: #e8f5ef;
  --atende-legacy-establishment-background: #f3f7f5;
  --atende-legacy-establishment-text: #15231e;
  --atende-legacy-establishment-muted: #60706a;
  --atende-legacy-establishment-border: #dce5e1;
  --atende-legacy-establishment-border-strong: #b9c8c2;
  --atende-legacy-establishment-danger: #b42318;
  --atende-legacy-establishment-shadow-sm: 0 1px 2px rgba(15, 41, 33, 0.05);
  --atende-legacy-establishment-shadow-md: 0 12px 30px rgba(15, 41, 33, 0.08);
}

:root[data-bs-theme="dark"] {
  --atende-color-brand: #62c3a6;
  --atende-color-brand-strong: #a6e6d3;
  --atende-color-brand-deep: #0e1714;
  --atende-color-brand-soft: #173d32;
  --atende-color-text: #edf5f1;
  --atende-color-text-soft: #c8d8d2;
  --atende-color-muted: #a5b8b0;
  --atende-color-background: #0e1714;
  --atende-color-surface: #15211d;
  --atende-color-surface-soft: #1b2a25;
  --atende-color-border: #2d4039;
  --atende-color-border-strong: #456158;
  --atende-color-success: #75d6a3;
  --atende-color-success-soft: #173d2a;
  --atende-color-warning: #f5c45c;
  --atende-color-warning-soft: #3f3215;
  --atende-color-danger: #ff8e84;
  --atende-color-danger-soft: #491e1c;
  --atende-color-info: #8cb9ff;
  --atende-color-info-soft: #172f55;
  --atende-legacy-establishment-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.22);
  --atende-legacy-establishment-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.3);
  --atende-focus-ring: rgba(98, 195, 166, 0.24);
}