/* Brianne Baggetta — Color system
   Authoritative hex values. Grounded neutrals with deliberate pops of Ruby;
   Gold is a small accent only. Do not introduce colors outside this palette. */

:root{
  /* --- Core brand palette --- */
  --charcoal:#121212;
  --teal:#094A4C;
  --olive:#435424;
  --olive-deep:#222F0B;
  --burgundy:#4D0130;
  --ruby:#811558;
  --gold:#EEB800;
  --stone:#FFF6E5;

  /* --- Neutrals --- */
  --black:#000000;
  --white:#FFFFFF;
  --ink-muted:#B4B4B4;   /* captions, meta on light */
  --line:#D9D9D9;        /* hairlines / dividers on light */
  --line-stone:#EFE4D2;  /* hairlines on stone */

  /* --- Tint steps (brand system uses a 20% tint ladder) --- */
  --teal-60:#5a8586; --teal-40:#9bb6b7; --teal-20:#cddadb;
  --burgundy-60:#94677f; --burgundy-40:#b899a9; --burgundy-20:#dcccd4;
  --ruby-60:#b3739a; --ruby-40:#cd9fbc; --ruby-20:#e6cfdd;
  --olive-60:#8e987b; --olive-40:#b4bba7; --olive-20:#d9ddd3;
  --gold-60:#f4d466; --gold-40:#f8e299; --gold-20:#fbf1cc;

  /* --- Semantic surfaces --- */
  --surface:var(--stone);          /* default page ground */
  --surface-alt:var(--white);
  --surface-ink:var(--charcoal);   /* dark sections */
  --surface-teal:var(--teal);      /* footer / feature sections */
  --surface-card:var(--white);

  /* --- Semantic text --- */
  --text-strong:var(--charcoal);
  --text-body:#222222;
  --text-muted:var(--ink-muted);
  --text-on-dark:var(--stone);
  --text-on-dark-muted:rgba(255,246,229,0.72);
  --text-accent:var(--ruby);       /* pops of ruby */

  /* --- Interactive --- */
  --cta-primary-bg:var(--burgundy);
  --cta-primary-fg:var(--stone);
  --cta-primary-hover:var(--ruby);        /* burgundy → ruby on hover */
  --cta-secondary-border:var(--burgundy);
  --cta-secondary-fg:var(--burgundy);
  --cta-secondary-hover-bg:var(--burgundy);
  --cta-secondary-hover-fg:var(--stone);
  --link:var(--burgundy);
  --link-hover:var(--ruby);
  --focus-ring:var(--gold);
}