/**
 * Seedie brand palette — shared across prototype shells, staff/parent, and marketing.
 *
 * SAGE  #6B7F66  primary / nav / buttons
 * LEAF  #A7C095  soft accent / highlights
 * SAND  #EADCC6  borders / deeper wash
 * CREAM #FAF7EE  page background
 *
 * Note: SAGE/CREAM hexes were completed from truncated brand notes (#6B7F6 → #6B7F66, #FA7EE → #FAF7EE).
 */
:root {
    --sage: #6B7F66;
    --sage-deep: #556650;
    --sage-soft: rgba(107, 127, 102, 0.14);
    --leaf: #A7C095;
    --leaf-soft: rgba(167, 192, 149, 0.28);
    --sand: #EADCC6;
    --cream: #FAF7EE;

    --ink: #2A3329;
    --ink-soft: #3F4A3E;
    --muted: #6F7A6E;
    --white: #ffffff;
    --line: var(--sand);
    --line-soft: color-mix(in srgb, var(--sand) 70%, var(--cream));
    --paper: var(--cream);
    --paper-deep: var(--sand);
    --coral: #c4877f;
    --coral-soft: rgba(196, 135, 127, 0.16);
    --ok: #4f6f4a;

    /* Back-compat aliases used by existing Seedie Blade/CSS */
    --teal: var(--sage);
    --teal-deep: var(--sage-deep);
    --teal-soft: var(--sage-soft);

    --seedie-page-bg:
        radial-gradient(ellipse 70% 45% at 100% 0%, var(--leaf-soft), transparent 55%),
        radial-gradient(ellipse 55% 40% at 0% 100%, color-mix(in srgb, var(--sand) 65%, transparent), transparent 50%),
        linear-gradient(180deg, var(--cream) 0%, color-mix(in srgb, var(--cream) 88%, var(--sand)) 52%, var(--cream) 100%);
}