/* Shelela Organics brand tokens v1.0
   Developed by Esomthathi Group
   Source of truth for every colour and type decision on the site.
   Never hardcode hex values in page CSS, always reference these tokens. */

:root {
    /* Core palette */
    --sh-green: #123A26;        /* brand ground: header, footer, hero bands */
    --sh-green-dark: #0B2418;   /* footer depth, dividers on green */
    --sh-gold: #C9A227;         /* accent only, never text on white */
    --sh-gold-light: #E3C35E;   /* hover */
    --sh-gold-deep: #A67713;    /* pressed */
    --sh-paper: #FAF8F3;        /* page canvas */
    --sh-white: #FFFFFF;        /* cards on paper */
    --sh-ink: #14110E;          /* body text, never #000 */
    --sh-muted: #6B6255;        /* captions, secondary text on paper */
    --sh-leaf: #2E9E3F;         /* 100% natural badge ONLY */
    --sh-line: #E2DCCE;         /* hairline borders on paper */

    /* Semantic roles */
    --sh-bg-page: var(--sh-paper);
    --sh-bg-band: var(--sh-green);
    --sh-bg-card: var(--sh-white);
    --sh-text-body: var(--sh-ink);
    --sh-text-muted: var(--sh-muted);
    --sh-text-on-band: var(--sh-paper);
    --sh-accent-on-band: var(--sh-gold);

    /* Buttons */
    --sh-btn-primary-bg: var(--sh-gold);
    --sh-btn-primary-text: var(--sh-ink);
    --sh-btn-primary-hover: var(--sh-gold-light);
    --sh-btn-primary-active: var(--sh-gold-deep);
    --sh-btn-secondary-bg: var(--sh-green);
    --sh-btn-secondary-text: var(--sh-paper);

    /* Feedback states, kept off-brand on purpose so they read as system */
    --sh-success: #2E7D46;
    --sh-error: #A32D2D;
    --sh-warning: #A66A00;

    /* Type */
    --sh-font-display: 'Cinzel', 'Times New Roman', serif;        /* brand name, page titles, CAPS only */
    --sh-font-editorial: 'Cormorant Garamond', Georgia, serif;    /* taglines, quotes, min 14px */
    --sh-font-ui: 'Poppins', Arial, sans-serif;                   /* everything else */

    --sh-radius: 8px;
    --sh-radius-card: 12px;
}

/* Contrast rules, enforced by convention:
   gold text ONLY on --sh-green or --sh-ink (5.2:1 and 8.7:1)
   ink text on gold surfaces (8.7:1)
   NEVER gold text on paper or white (2.4:1, fails WCAG)
   white text on green passes AAA (12.7:1) */