/* Design tokens — B-ZENSPACE
   Warm, luxe, muted. Purple anchors the brand; warm sand/rose accents invite action. */

:root {
    /* Color — primary (muted purple) */
    --c-primary:        #4e456a;
    --c-primary-deep:   #3a3354;
    --c-primary-soft:   #857ca1;
    --c-primary-tint:   #e8e3f0;
    --c-primary-wash:   #f3f0f7;

    /* Warm accent — CTA & highlight (soft, not aggressive) */
    --c-accent:         #c8a27a;   /* warm sand */
    --c-accent-deep:    #a98461;   /* darker sand for hover */
    --c-accent-soft:    #e8d8c5;   /* tint for chips/badges */
    --c-accent-wash:    #f6efe6;   /* very soft wash */

    /* Neutrals */
    --c-ink:            #2b2640;   /* body text */
    --c-ink-soft:       #5a5374;   /* secondary text */
    --c-ink-quiet:      #8a839f;   /* captions, meta */
    --c-line:           #e4dfe9;   /* subtle separators */
    --c-line-soft:      #efecf1;

    /* Surfaces — slightly warm off-whites, not stark white */
    --c-bg:             #faf7f2;   /* page background */
    --c-bg-warm:        #f5f1ea;   /* warmer alt section */
    --c-bg-cool:        #f3f0f7;   /* purple-wash section */
    --c-surface:        #ffffff;   /* cards */

    /* State */
    --c-success:        #7e9b80;
    --c-error:          #b17676;
    --c-error-soft:     #f3e6e6;

    /* Typography */
    --font-display: "Fraunces", "Cormorant Garamond", "Times New Roman", serif;
    --font-body:    "DM Sans", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-script:  "Italiana", var(--font-display);

    /* Type scale (fluid) */
    --fs-hero:    clamp(2.75rem, 5.5vw + 1rem, 5rem);
    --fs-h1:      clamp(2.25rem, 3.5vw + 1rem, 3.5rem);
    --fs-h2:      clamp(1.75rem, 2vw + 1rem, 2.5rem);
    --fs-h3:      clamp(1.35rem, 0.8vw + 1rem, 1.625rem);
    --fs-h4:      clamp(1.125rem, 0.3vw + 1rem, 1.25rem);
    --fs-lead:    clamp(1.075rem, 0.3vw + 1rem, 1.2rem);
    --fs-body:    1rem;
    --fs-small:   0.9rem;
    --fs-micro:   0.8rem;

    /* Line heights */
    --lh-tight:   1.08;
    --lh-heading: 1.18;
    --lh-body:    1.65;

    /* Spacing (8-based) */
    --s-1:  4px;
    --s-2:  8px;
    --s-3:  12px;
    --s-4:  16px;
    --s-5:  24px;
    --s-6:  32px;
    --s-7:  48px;
    --s-8:  64px;
    --s-9:  96px;
    --s-10: 128px;

    /* Radii — soft, never sharp */
    --r-xs: 6px;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 28px;
    --r-full: 999px;

    /* Shadows — soft, diffuse, warm */
    --sh-soft:   0 2px 6px rgba(43, 38, 64, 0.04), 0 10px 24px rgba(43, 38, 64, 0.05);
    --sh-lift:   0 4px 14px rgba(43, 38, 64, 0.06), 0 20px 40px rgba(43, 38, 64, 0.08);
    --sh-ring:   0 0 0 3px rgba(78, 69, 106, 0.18);
    --sh-ring-accent: 0 0 0 3px rgba(200, 162, 122, 0.3);

    /* Layout */
    --container:  1180px;
    --container-narrow: 880px;
    --container-wide: 1360px;

    /* Motion — slow, zen */
    --e-soft:  cubic-bezier(0.22, 0.61, 0.36, 1);
    --e-calm:  cubic-bezier(0.4, 0, 0.2, 1);
    --t-fast:  180ms;
    --t-base:  280ms;
    --t-slow:  520ms;
}