/* ============================================================================
   PreMedulla — BRAND COLORS  (app/frontend/brand.css)
   ----------------------------------------------------------------------------
   THIS IS THE ONE PLACE TO CHANGE COLORS. Edit a value here and it updates
   across the ENTIRE site (every page, every button, link, background) — you
   never have to touch individual elements again.

   HOW TO EDIT:
     Each color is written as "R G B" (three numbers, 0–255, space-separated) —
     NOT a hex code. The matching hex is in the comment so you can see it. To
     change a color, paste the new R G B numbers. (Any "hex to rgb" search gives
     you the three numbers for a hex code in one click.)

     Example — to make the bright green even brighter, bump its numbers up:
        --brand-green: 74 107 74;   ->   --brand-green: 90 130 90;

   THE TWO GREENS YOU ASKED ABOUT:
     --brand-green  is the BRIGHT, inviting green (the "I"). Accent: links,
                    focus rings, the brain mark, soft fills.
     --brand-ink    is the DARK green (the "Your"). Used for body text, headings,
                    the dark CTA buttons, and the footer band.

     Want the brighter green more visible? Two easy moves, both done right here:
       (a) Nudge --brand-ink toward green (raise its middle number) so the dark
           surfaces read greener, OR
       (b) ask me to point the primary buttons at --brand-green instead of
           --brand-ink (one-line change, contrast already checked — AA-safe).
   ============================================================================ */

:root {
  /* ----- The core palette (edit these) ----- */
  --brand-green:      74 107 74;    /* #4A6B4A — bright accent green */
  --brand-green-soft: 223 230 213;  /* #DFE6D5 — quiet tint (hover fills, chips) */
  --brand-ink:        42 58 42;     /* #2A3A2A — dark green (text + dark surfaces) */
  --brand-ink-soft:   61 79 61;     /* #3D4F3D — slightly lifted dark green */
  --paper:            244 239 226;  /* #F4EFE2 — warm parchment page background */

  /* ----- Brand ramp (shades of the brand greens; used by bg-brand-50…700) ----- */
  --brand-50:  223 230 213;  /* #DFE6D5  (= brand-green-soft) */
  --brand-100: 204 215 189;  /* #CCD7BD */
  --brand-200: 180 194 159;  /* #B4C29F */
  --brand-500: 74 107 74;    /* #4A6B4A  (= brand-green) */
  --brand-600: 42 58 42;     /* #2A3A2A  (= brand-ink) */
  --brand-700: 31 45 31;     /* #1F2D1F  (hover-darker ink) */

  /* ----- Warm slate ramp (the neutral grays, tuned warm for parchment) ----- */
  /* Every pairing pre-checked vs WCAG AA on paper (D030). */
  --slate-100: 234 227 207;  /* #EAE3CF */
  --slate-200: 221 213 189;  /* #DDD5BD */
  --slate-300: 184 177 159;  /* #B8B19F */
  --slate-400: 146 140 123;  /* #928C7B */
  --slate-500: 92 90 80;     /* #5C5A50 */
  --slate-600: 70 68 60;     /* #46443C */
  --slate-700: 61 58 51;     /* #3D3A33 */
}