/* ============================================================
   ANEMOLIA — design tokens (override fabhotel defaults)
   Soft Aegean luxe: Cycladic plaster, deep sea blue, warm sand.
   ============================================================ */

:root {
    /* Brand palette — keys re-used from fabhotel for compatibility,
       but the colours are the Anemolia palette: near-white throughout
       with a single Aegean blue accent. Sand is reserved for tiny touches. */
    --c-cream-bg:        #fafafa;     /* near-white page bg */
    --c-cream-soft:      #ffffff;     /* pure white for nested panels */
    --c-accent-beige:    #f4f1ec;     /* whisper of warmth — almost white */
    --c-olive:           #1f3a52;     /* Aegean deep blue (acts as fabhotel's "olive") */
    --c-olive-dark:      #122435;     /* deeper Aegean for footer */
    --c-olive-light:     #4a6a8a;     /* mid Aegean for hover/secondary */
    --c-text:            #14181c;     /* near-black */
    --c-text-muted:      #5e6770;     /* warm grey-blue */
    --c-white:           #ffffff;
    --c-black:           #0a0e12;

    /* Aliases */
    --bg-page:           var(--c-cream-bg);
    --bg-footer:         var(--c-olive-dark);
    --bg-button:         var(--c-olive);
    --color-on-bg:       var(--c-text);
    --color-on-footer:   var(--c-cream-soft);
    --color-on-button:   var(--c-cream-soft);
    --color-eyebrow:     var(--c-olive-light);
    --color-rule:        rgba(31, 58, 82, 0.14);

    /* Anemolia-specific accent */
    --c-aegean-deep:     #1f3a52;
    --c-aegean-mid:      #4a6a8a;
    --c-aegean-pale:     #b9cad8;
    --c-sea-foam:        #d8e4ec;     /* very pale wash for sections */
    --c-sand-warm:       #ddd0b6;     /* warmer sand for accents */

    /* Replace the parent's PNG inner-hero logo (logo-white-plane.png from
       avli-phos) with the Anemolia SVG mark. Used by .inner-hero__mark and
       .menu-panel__mark backgrounds defined in components.css. */
    --logo-inner-hero:   url('/anemolia-logo.svg');
}