:root {
    /* ── Core palette ── */
    --green-deep:   #58912b;
    --green-mid:    #75ba40;
    --green-light:  #a7c78e;
    --green-pale:   #e7ece4;
    --cream:        #fafafa;

    /* ── Text ── */
    --text:         #15230b;
    --text-soft:    #476331;

    /* ── Border ── */
    --border:       #dde6d6;

    /* ── Fixed accents ── */
    --amber:        #d4860a;
    --amber-light:  #fef3dc;
    --red:          #c0392b;
    --red-pale:     #fdecea;
    --blue:         #2563a8;
    --blue-pale:    #e8f0fe;
    --white:        #ffffff;

    /* ── Calculated cells (productlist/customerlist) ── */
    --calc-bg:      #ecf2e8;
    --calc-border:  #c2d5b3;
    --code-bg:      #ecf2e8;
    --code-border:  #c2d5b3;

    /* ── Gallery palette ── */
    --gallery-brown: #2f3f22;
    --gallery-cream: #fcfcfc;
    --gallery-light: #edefeb;
    --gallery-green: #75ba40;
    --gallery-gold:  #d4860a;

    /* ── Structural ── */
    --radius:       12px;
    --shadow:       0 2px 14px rgba(26,58,21,0.10);
    --shadow-hover: 0 6px 28px rgba(26,58,21,0.17);
    --shadow-sm:    0 2px 10px rgba(26,58,21,0.08);
}