/*
 * Project token overrides — diaetist-soelvstrand
 *
 * Overrides the semantic token names defined in
 * design-system/base/css/tokens-semantic.css (the contract — see
 * design-system/docs/01-tokens.md). Names are unchanged, values only.
 *
 * Palette source: Claude Design handoff — Styleguide.dc.html
 * (Petrona + Figtree, "madro" green/orange/cream identity).
 */

:root {
    /* ---- Type families ---- */
    --font-display: "Petrona", Georgia, serif;
    --font-body:    "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    /* ---- Colour roles ---- */
    --color-bg:             #F7F3E9; /* Creme */
    --color-surface:        #FFFDF6; /* Kort-hvid */
    --color-surface-2:      #EFE9D8; /* Varm sand */
    --color-surface-strong: #16281F; /* Dyb skovgrøn — dark bands, footer */
    --color-text:           #41523F; /* Brødtekst-grøn */
    --color-text-muted:     #8A9384;
    --color-text-invert:    #F7F3E9;
    --color-heading:        #1E3B2C; /* Millennial Green */
    --color-primary:        #E0762E; /* Gulerods-orange */
    --color-primary-hover:  #C4611F;
    --color-on-primary:     #FFFFFF;
    --color-secondary:      #3C6B4F; /* muted mid-green: hero eyebrows, quiet links */
    --color-accent:         #E0762E;
    --color-border:         #E2DDD0;
    --color-focus:          var(--color-primary);

    --color-success: #3C6B4F;

    --shadow-color: 30 59 44; /* warm green shadow tint */

    /* Soft / friendly personality: rounded cards, pill buttons */
    --radius-ui:     var(--radius-lg);
    --radius-button: var(--radius-pill);

    /* ---- Brand extensions ----
     * The handoff's palette carries more distinct tones than the semantic
     * contract has slots for (multiple greens + apricot used together on the
     * same dark surface). Named + defined once here; block.css may reference
     * these vars but never raw hex, keeping the one-file brand-skin contract. */
    --brand-forest-deep:  #16281F; /* = --color-surface-strong, named for clarity */
    --brand-sage:         #7FA184; /* icon strokes / botanical line art on dark */
    --brand-sage-light:   #A9C4A0;
    --brand-sage-pale:    #C9D6C2; /* muted body copy on dark */
    --brand-sage-muted:   #9BB299;
    --brand-apricot:      #F0A868; /* eyebrows / small highlights on dark */
    --brand-apricot-pale: #F6C79B;
    --brand-sand:         #EFE9D8; /* = --color-surface-2, named for clarity */
    --brand-clay:         #B85B1B; /* secondary icon-tile ink (Om mig) */
    --brand-clay-tile:    #F8E3D2; /* secondary icon-tile fill (Om mig) */
    --brand-sage-tile:    #EAF0E2; /* primary icon-tile fill on light */
    --brand-muted-2:      #6b7a66; /* on-dark form placeholder ink, if ever needed */
}