/* =====================================================================
   LIZZY BEAUTY PARLOUR - THEME TOKENS
   ---------------------------------------------------------------------
   Three complete palettes. The active one is chosen in
   Admin > Theme Settings and applied as data-theme on <html>.
   Every colour used by public.css comes from these variables, so adding
   a fourth theme is a matter of adding one more block below.
   ===================================================================== */

:root {
    /* typography */
    --font-display: 'Playfair Display', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --font-body: 'Jost', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;

    /* spacing rhythm */
    --space-section: clamp(3.5rem, 8vw, 7rem);
    --container: 1200px;
    --container-narrow: 880px;

    /* shape */
    --radius-sm: 8px;
    --radius: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    /* motion */
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --transition: 0.35s var(--ease);
}

/* ---------------------------------------------------------------------
   THEME 1 - LUXURY ROSE  (default)
   Rose gold, champagne and soft neutrals.
   --------------------------------------------------------------------- */
:root,
[data-theme='luxury-rose'] {
    --c-bg: #fdfaf7;
    --c-bg-alt: #f7efe9;
    --c-bg-deep: #2f2226;
    --c-surface: #ffffff;
    --c-surface-2: #fbf5f1;

    --c-text: #3d2b2f;
    --c-text-soft: #7d6a6e;
    --c-text-invert: #fdfaf7;

    --c-primary: #b76e79;
    --c-primary-dark: #9a545f;
    --c-primary-light: #d9a2aa;
    --c-primary-soft: #f4e3e5;

    --c-accent: #c8a165;
    --c-accent-soft: #f2e7d5;

    --c-border: #ecdfd9;
    --c-border-strong: #dcc7c0;

    --c-success: #2f7d5d;
    --c-danger: #b03a3a;
    --c-warning: #b57b1e;
    --c-info: #4a6f8a;

    /* status tints - literal values so no color-mix() support is required */
    --c-success-soft: #e6f2ec;  --c-success-line: #b9dccc;
    --c-danger-soft:  #f8e8e8;  --c-danger-line:  #e6c0c0;
    --c-warning-soft: #faf0dc;  --c-warning-line: #ecd6a8;
    --c-info-soft:    #e7eef3;  --c-info-line:    #c3d5e0;

    --c-surface-blur: rgba(255, 255, 255, 0.88);

    --shadow-sm: 0 2px 10px rgba(93, 60, 66, 0.06);
    --shadow: 0 12px 32px rgba(93, 60, 66, 0.10);
    --shadow-lg: 0 24px 60px rgba(93, 60, 66, 0.16);

    --hero-overlay: linear-gradient(100deg, rgba(47, 34, 38, 0.78) 0%, rgba(47, 34, 38, 0.45) 45%, rgba(47, 34, 38, 0.15) 100%);
    --grad-primary: linear-gradient(135deg, #b76e79 0%, #c8918f 100%);
    --grad-soft: linear-gradient(160deg, #fdfaf7 0%, #f7efe9 100%);
}

/* ---------------------------------------------------------------------
   THEME 2 - ELEGANT BLACK
   Black, white and gold.
   --------------------------------------------------------------------- */
[data-theme='elegant-black'] {
    --c-bg: #ffffff;
    --c-bg-alt: #f5f4f2;
    --c-bg-deep: #101010;
    --c-surface: #ffffff;
    --c-surface-2: #faf9f7;

    --c-text: #161616;
    --c-text-soft: #6d6a66;
    --c-text-invert: #ffffff;

    --c-primary: #b18a1b;
    --c-primary-dark: #8f6e12;
    --c-primary-light: #e0c56b;
    --c-primary-soft: #f7f0d9;

    --c-accent: #161616;
    --c-accent-soft: #ebe9e5;

    --c-border: #e6e3de;
    --c-border-strong: #cfcac1;

    --c-success: #2c7a52;
    --c-danger: #a92f2f;
    --c-warning: #a97c14;
    --c-info: #3f6180;

    --c-success-soft: #e6f2eb;  --c-success-line: #b8dbc7;
    --c-danger-soft:  #f7e7e7;  --c-danger-line:  #e4bdbd;
    --c-warning-soft: #f8f0da;  --c-warning-line: #e8d5a4;
    --c-info-soft:    #e8eef4;  --c-info-line:    #c5d5e2;

    --c-surface-blur: rgba(255, 255, 255, 0.90);

    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.06);
    --shadow: 0 12px 32px rgba(0, 0, 0, 0.10);
    --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.18);

    --hero-overlay: linear-gradient(100deg, rgba(10, 10, 10, 0.85) 0%, rgba(10, 10, 10, 0.55) 45%, rgba(10, 10, 10, 0.2) 100%);
    --grad-primary: linear-gradient(135deg, #b18a1b 0%, #d9b849 100%);
    --grad-soft: linear-gradient(160deg, #ffffff 0%, #f5f4f2 100%);
}

/* ---------------------------------------------------------------------
   THEME 3 - SOFT FEMININE
   Soft pink, cream and beige.
   --------------------------------------------------------------------- */
[data-theme='soft-feminine'] {
    --c-bg: #fffaf8;
    --c-bg-alt: #fdeef0;
    --c-bg-deep: #4a3439;
    --c-surface: #ffffff;
    --c-surface-2: #fef6f4;

    --c-text: #4a3439;
    --c-text-soft: #8a7176;
    --c-text-invert: #fffaf8;

    --c-primary: #cf6f7d;
    --c-primary-dark: #b0596a;
    --c-primary-light: #f3c2c8;
    --c-primary-soft: #fce9eb;

    --c-accent: #b8926f;
    --c-accent-soft: #f6ece2;

    --c-border: #f4e2e0;
    --c-border-strong: #e6cbc8;

    --c-success: #3a8168;
    --c-danger: #c04b4b;
    --c-warning: #a97613;
    --c-info: #5a7d95;

    --c-success-soft: #e7f3ee;  --c-success-line: #bcdccf;
    --c-danger-soft:  #faeaea;  --c-danger-line:  #ecc4c4;
    --c-warning-soft: #f9f0dd;  --c-warning-line: #e9d6a9;
    --c-info-soft:    #eaf0f4;  --c-info-line:    #c8d8e2;

    --c-surface-blur: rgba(255, 255, 255, 0.90);

    --shadow-sm: 0 2px 10px rgba(122, 84, 90, 0.07);
    --shadow: 0 12px 32px rgba(122, 84, 90, 0.11);
    --shadow-lg: 0 24px 60px rgba(122, 84, 90, 0.16);

    --hero-overlay: linear-gradient(100deg, rgba(74, 52, 57, 0.72) 0%, rgba(74, 52, 57, 0.4) 45%, rgba(74, 52, 57, 0.1) 100%);
    --grad-primary: linear-gradient(135deg, #cf6f7d 0%, #e2a396 100%);
    --grad-soft: linear-gradient(160deg, #fffaf8 0%, #fdeef0 100%);
}