/* AARIA — Color tokens
   Source: AARIA Brand Guide, "Global Colors" — brown, blue, orange, green.
   Brown: reliability/authenticity. Blue: trust/professionalism.
   Orange: energy/creativity. Green: growth/renewal. */

:root {
  /* ---- Brand base ---- */
  --aaria-brown: #624120;       /* primary — logo, headlines, body ink */
  --aaria-brown-dark: #402c16;
  --aaria-brown-light: #8a6a44;
  --aaria-teal: #00b6c7;        /* trust / professionalism accent */
  --aaria-orange: #f29206;      /* energy / creativity accent */
  --aaria-green: #12d708;       /* growth / renewal accent (use sparingly) */
  --aaria-pink: #e0186e;        /* editorial callout pink, seen on cover kickers */

  /* ---- Neutrals (warm, paper-like — never cool gray) ---- */
  --aaria-cream: #faf6ef;       /* page background */
  --aaria-paper: #f3ece0;       /* card / section background */
  --aaria-sand: #e7dcc8;        /* borders, dividers */
  --aaria-ink: #2b2016;         /* near-black body text, warm-toned */
  --aaria-white: #ffffff;

  /* ---- Semantic aliases ---- */
  --color-bg: var(--aaria-cream);
  --color-surface: var(--aaria-white);
  --color-surface-alt: var(--aaria-paper);
  --color-border: var(--aaria-sand);
  --color-text: var(--aaria-ink);
  --color-text-muted: #6b5c47;
  --color-text-inverse: var(--aaria-white);

  --color-primary: var(--aaria-brown);
  --color-primary-hover: var(--aaria-brown-dark);
  --color-primary-text: var(--aaria-white);

  --color-accent-teal: var(--aaria-teal);
  --color-accent-orange: var(--aaria-orange);
  --color-accent-green: var(--aaria-green);
  --color-accent-pink: var(--aaria-pink);

  --color-link: var(--aaria-teal);
  --color-link-hover: #00838f;

  --color-focus-ring: var(--aaria-teal);
}