/*
  Adero brand colors: the single source of truth (approved 19 October 2026).
  Identity: evergreen + copper + cream. Copper is the signature line only, never body text.
  Load this file before every other stylesheet and reference these variables instead of
  hard-coded colors. Do not add a color anywhere else without adding it here and to
  docs/brand-colors.md first.
*/

:root {
  /* Brand constants: fixed in both modes; the logo artwork uses these exact values. */
  --adero-evergreen: #173B2D;
  --adero-copper: #B47A4E;
  --adero-cream: #F8F7EF;
  --adero-copper-on-dark: #C99063;

  /* Light-mode working colors */
  --adero-white: #FFFFFF;
  --adero-ink: #1E2A24;
  --adero-muted: #5C6A62;
  --adero-line: #D9DDD3;
  --adero-line-strong: #7E8A82;
  --adero-evergreen-hover: #24503E;
  --adero-evergreen-pale: #E9EFEA;
  --adero-copper-text: #8F5A33;
  --adero-copper-pale: #F4EAE0;
  --adero-error: #9E3B32;
  --adero-error-pale: #F6E7E4;
  --adero-success: #2F6B45;
  --adero-success-pale: #E7F0E9;
  --adero-warning: #8A5A12;
  --adero-warning-pale: #F6EEDD;

  /* Roles: components should use these, so dark mode switches automatically. */
  --adero-page: var(--adero-cream);
  --adero-surface: var(--adero-white);
  --adero-text: var(--adero-ink);
  --adero-text-muted: var(--adero-muted);
  --adero-heading: var(--adero-evergreen);
  --adero-link: var(--adero-evergreen);
  --adero-accent: var(--adero-copper);
  --adero-accent-text: var(--adero-copper-text);
  --adero-accent-pale: var(--adero-copper-pale);
  --adero-border: var(--adero-line);
  --adero-border-control: var(--adero-line-strong);
  --adero-focus: var(--adero-copper);

  /* Georgia benefits from gentle tightening at display sizes, but not the
     compressed tracking previously used across the sites. */
  --adero-display-tracking: -0.02em;
  --adero-heading-tracking: -0.01em;
  --adero-mobile-lockup-width: 9.5rem;
  --adero-button-bg: var(--adero-evergreen);
  --adero-button-text: var(--adero-cream);
  --adero-button-hover: var(--adero-evergreen-hover);
  --adero-highlight: var(--adero-evergreen-pale);
  --adero-footer-bg: var(--adero-evergreen);
  --adero-footer-text: var(--adero-cream);
  --adero-status-error: var(--adero-error);
  --adero-status-error-bg: var(--adero-error-pale);
  --adero-status-success: var(--adero-success);
  --adero-status-success-bg: var(--adero-success-pale);
  --adero-status-warning: var(--adero-warning);
  --adero-status-warning-bg: var(--adero-warning-pale);
}

@media (prefers-color-scheme: dark) {
  :root {
    --adero-page: #0F2219;
    --adero-surface: #17301F;
    --adero-text: #F1EFE6;
    --adero-text-muted: #A9B5AC;
    --adero-heading: #F1EFE6;
    --adero-link: #B9D6C2;
    --adero-accent: var(--adero-copper-on-dark);
    --adero-accent-text: var(--adero-copper-on-dark);
    --adero-accent-pale: #33281E;
    --adero-border: #2F4A3B;
    --adero-border-control: #6F8A7B;
    --adero-focus: var(--adero-copper-on-dark);
    --adero-button-bg: #E7E4D8;
    --adero-button-text: #0F2219;
    --adero-button-hover: #F6F4EC;
    --adero-highlight: #1D3A2B;
    --adero-footer-bg: #0A1912;
    --adero-footer-text: #F1EFE6;
    --adero-status-error: #EE9C8F;
    --adero-status-error-bg: #3A2522;
    --adero-status-success: #93CDA3;
    --adero-status-success-bg: #1D3A28;
    --adero-status-warning: #E2B76A;
    --adero-status-warning-bg: #3A3020;
  }
}