/*
 * main.css — brand tokens, mirrored 1:1 from sommeregg.at
 * The shop's visual identity must remain coherent with the parent site.
 * Hex values are concentrated here and consumed via custom properties.
 */

:root {
    /* Gold & Warm Tones */
    --gold:             #B4750A;
    --gold-bright:      #D4A024;
    --gold-glow:        #C8860A;
    --gold-dim:         #8B6914;
    --oak:              #5C3317;
    --oak-deep:         #3A1F0D;

    /* Surfaces — light parchment tones (legacy "stone-*" names kept for compat) */
    --stone-darkest:    #FAF4E3;  /* page background */
    --stone-dark:       #F1E6C8;  /* elevated cards, footer */
    --stone-mid:        #E6D6AE;  /* mid surface */
    --stone-warm:       #D8C28E;  /* warm tan accent */
    --stone-light:      #6B5A48;  /* muted text */
    --stone-pale:       #3D2E1F;  /* secondary text */

    /* Parchment accents */
    --parchment:        #FFF8E1;
    --parchment-dark:   #F1E6C8;
    --parchment-deep:   #CEBF98;

    /* Text */
    --text-light:       #2C1810;  /* primary text on light surface */
    --text-dim:         #6B5A48;  /* muted */
    --text-dark:        #FFF8E1;  /* cream ink on gold buttons */

    /* Semantic */
    --success:          #4A7A50;
    --danger:           #9B4A3A;
    --warning:          #B4750A;

    /* Typography */
    --font-display:     'Cinzel Decorative', 'Cinzel', serif;
    --font-heading:     'Cinzel', 'Georgia', serif;
    --font-body:        'Lora', 'Georgia', serif;
    /* Serifenlos für den Formularbereich (bessere Lesbarkeit) — System-Stack, kein CDN */
    --font-sans:        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* Spacing */
    --space-xs:  0.5rem;
    --space-sm:  1rem;
    --space-md:  1.5rem;
    --space-lg:  2.5rem;
    --space-xl:  4rem;
    --space-2xl: 6rem;
    --space-3xl: 8rem;

    /* Radii */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    /* Container */
    --container-max: 1180px;

    /* Pico Overrides */
    --pico-font-family:       var(--font-body);
    --pico-font-size:         100%;
    --pico-line-height:       1.75;
    --pico-color:             var(--text-light);
    --pico-background-color:  var(--stone-darkest);
    --pico-primary:           var(--gold);
    --pico-primary-hover:     var(--gold-bright);
    --pico-primary-focus:     rgba(180, 117, 10, 0.18);
    --pico-primary-inverse:   var(--text-dark);
}

/* Glass-effect tokens — used by elevated cards, sticky panels, header */
:root {
    --glass-bg:           rgba(255, 248, 225, 0.55);
    --glass-bg-strong:    rgba(255, 248, 225, 0.78);
    --glass-border:       rgba(180, 117, 10, 0.22);
    --glass-border-bright: rgba(180, 117, 10, 0.35);
    --glass-highlight:    rgba(212, 160, 36, 0.08);
    --glass-blur:         20px;
    --glass-blur-heavy:   32px;
    --glass-shadow:       0 8px 32px rgba(92, 51, 23, 0.14), 0 0 0 1px rgba(180, 117, 10, 0.06);
    --glass-shadow-hover: 0 16px 48px rgba(92, 51, 23, 0.22), 0 0 40px rgba(200, 134, 10, 0.10);
}