/*
 * Irton Manor — Design Tokens ("Modern Heritage")
 * ------------------------------------------------------------------
 * The single source of truth for the palette, type, spacing and radii the
 * bespoke theme + guest components build on. Loaded globally, first, on guest
 * pages so every stylesheet can reference these variables.
 *
 * SAFE BY DESIGN: the new --im-* tokens below are not yet referenced by existing
 * CSS, so introducing this file changes nothing visually. Existing components
 * are migrated onto these tokens deliberately, file-by-file, during the theme
 * work (with visual QA). The one legacy alias kept here (--irton-brand-main)
 * matches the value existing CSS already falls back to (#294720), so it is a
 * no-op today and simply centralises that definition.
 */

:root {
    /* ---- Palette ---------------------------------------------------- */
    --im-green:        #294720;  /* heritage green — primary anchor        */
    --im-green-deep:   #1C3216;  /* deep green — hovers, footers           */
    --im-sage:         #9FB88A;  /* sage — accents on dark                 */
    --im-parchment:    #F5F1E8;  /* warm page background                   */
    --im-stone:        #E7E0D2;  /* hairlines, card borders                */
    --im-warm-white:   #FBF9F4;  /* card / surface                         */
    --im-ink:          #20261F;  /* body text                              */
    --im-muted:        #6B7163;  /* secondary text                         */
    --im-brass:        #B0894F;  /* brass accent (evolved from gold)       */

    /* ---- Typography ------------------------------------------------- */
    --im-serif: "Fraunces", Georgia, "Times New Roman", serif;
    --im-sans:  "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    --im-text-xs:   0.75rem;
    --im-text-sm:   0.875rem;
    --im-text-base: 1rem;
    --im-text-lg:   1.125rem;
    --im-text-xl:   1.375rem;
    --im-text-2xl:  1.75rem;
    --im-text-3xl:  2.25rem;
    --im-text-display: clamp(2.25rem, 5vw, 3.25rem);

    --im-weight-body:    400;
    --im-weight-medium:  500;
    --im-weight-semi:    600;
    --im-tracking-eyebrow: 0.18em;

    /* ---- Spacing (4px base) ---------------------------------------- */
    --im-space-1: 0.25rem;
    --im-space-2: 0.5rem;
    --im-space-3: 0.75rem;
    --im-space-4: 1rem;
    --im-space-5: 1.5rem;
    --im-space-6: 2rem;
    --im-space-7: 3rem;
    --im-space-8: 4rem;

    /* ---- Radii & elevation ----------------------------------------- */
    --im-radius-sm:  8px;
    --im-radius-md:  14px;
    --im-radius-lg:  20px;
    --im-radius-pill: 999px;
    --im-shadow-card: 0 10px 26px rgba(28, 50, 22, 0.06);
    --im-shadow-lift: 0 24px 60px rgba(28, 50, 22, 0.14);

    /* ---- Legacy alias (no-op today: matches existing fallbacks) ----- */
    --irton-brand-main: #294720;
}