/* ============================================================
   DESIGN TOKENS — Duschscheibe
   Spa / wet-room aesthetic: soft aqua, warm sand, crisp white.
   Calm, clean, lifestyle — NOT industrial. Quote-first model.
   Tokens mirror the approved demo 1:1.
   ============================================================ */
:root {
    /* Brand — soft aqua water tones */
    --aqua:        #5b9aa0;   /* primary, muted spa teal */
    --aqua-deep:   #3d7479;   /* darker variant (hover) */
    --aqua-soft:   #e8f1f1;   /* tint background */
    --aqua-mist:   rgba(91, 154, 160, 0.10);

    /* Warm sand / stone neutrals */
    --sand:        #d9c7b8;
    --sand-deep:   #b89f86;
    --stone:       #8a8076;

    /* Surfaces — soft warm white, like a clean bathroom */
    --white:       #ffffff;
    --shell:       #f7f4ef;   /* primary bg, warm off-white */
    --shell-2:     #efe9e0;   /* alt section */
    --shell-3:     #e6ddd0;

    /* Text */
    --ink:         #2c3338;   /* deep slate, not pure black */
    --ink-soft:    #4a545b;
    --text:        #5a636a;
    --text-light:  #8a929a;

    /* Lines */
    --line:        rgba(44, 51, 56, 0.10);
    --line-soft:   rgba(44, 51, 56, 0.06);

    /* Type */
    --display:     'Fraunces', Georgia, 'Times New Roman', serif;
    --body:        'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Radius — soft, rounded (spa feel) */
    --r-sm:   8px;
    --r-md:   14px;
    --r-lg:   22px;
    --r-xl:   32px;
    --r-full: 999px;

    /* Shadow — soft, diffused */
    --sh-sm: 0 2px 8px rgba(44, 51, 56, 0.04);
    --sh-md: 0 8px 28px rgba(44, 51, 56, 0.07);
    --sh-lg: 0 24px 60px rgba(44, 51, 56, 0.10);

    /* Motion */
    --t-fast: 200ms cubic-bezier(.4, 0, .2, 1);
    --t-base: 380ms cubic-bezier(.4, 0, .2, 1);

    /* Layout */
    --max: 1280px;
}