/* ==========================================================================
   Rose Precision Skin — Design Tokens
   Luxury precision-skin palette: soft, bright, never dark.
   ========================================================================== */

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('../fonts/cormorant-garamond-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url('../fonts/cormorant-garamond-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url('../fonts/jost.woff2') format('woff2');
}

:root {
  /* ---- Palette ---- */
  --pearl:        #fbf7f4;
  --ivory:        #fdf9f1;
  --cream:        #fff8ef;
  --champagne:    #f3e4d0;
  --warm-nude:    #e9cdb8;
  --soft-blush:   #f6d9d6;
  --soft-rose:    #e3aab0;
  --rose-deep:    #c98089;
  --sage:         #e2ead9;
  --sage-deep:    #a9c0a0;
  --light-gold:   #d9b45f;
  --gold-deep:    #b7902f;
  --silver:       #d8dadd;
  --soft-lavender:#e6def0;
  --ink:          #3a2e2e;
  --ink-soft:     #6b5a58;
  --white:        #ffffff;

  /* ---- Semantic ---- */
  --bg-body: var(--pearl);
  --text-body: var(--ink);
  --text-muted: var(--ink-soft);
  --accent: var(--soft-rose);
  --accent-deep: var(--rose-deep);
  --accent-gold: var(--light-gold);

  /* ---- Gradients (each section gets its own identity) ---- */
  --grad-hero: linear-gradient(120deg, var(--cream) 0%, var(--soft-blush) 30%, var(--soft-lavender) 60%, var(--champagne) 100%);
  --grad-about: linear-gradient(135deg, var(--ivory) 0%, var(--warm-nude) 100%);
  --grad-philosophy: linear-gradient(160deg, var(--sage) 0%, var(--pearl) 50%, var(--soft-blush) 100%);
  --grad-why: linear-gradient(100deg, var(--champagne) 0%, var(--cream) 50%, var(--soft-lavender) 100%);
  --grad-catalogue: linear-gradient(135deg, var(--pearl) 0%, var(--soft-blush) 100%);
  --grad-journey: linear-gradient(180deg, var(--cream) 0%, var(--sage) 100%);
  --grad-science: linear-gradient(120deg, var(--soft-lavender) 0%, var(--pearl) 50%, var(--champagne) 100%);
  --grad-gallery: linear-gradient(135deg, var(--ivory) 0%, var(--warm-nude) 60%, var(--soft-blush) 100%);
  --grad-testimonials: linear-gradient(160deg, var(--soft-blush) 0%, var(--soft-lavender) 100%);
  --grad-hours: linear-gradient(120deg, var(--sage) 0%, var(--cream) 100%);
  --grad-instagram: linear-gradient(135deg, var(--champagne) 0%, var(--soft-rose) 100%);
  --grad-faq: linear-gradient(160deg, var(--pearl) 0%, var(--soft-lavender) 100%);
  --grad-cta: linear-gradient(120deg, var(--soft-rose) 0%, var(--light-gold) 100%);
  --grad-footer: linear-gradient(180deg, var(--champagne) 0%, var(--warm-nude) 100%);

  /* ---- Glass ---- */
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.65);
  --glass-blur: blur(18px);
  --glass-shadow: 0 8px 32px rgba(180, 140, 130, 0.18);

  /* ---- Typography ---- */
  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'Jost', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Spacing / Radius / Shadow ---- */
  --radius-sm: 12px;
  --radius-md: 24px;
  --radius-lg: 40px;
  --radius-pill: 999px;
  --shadow-soft: 0 10px 40px rgba(180, 140, 130, 0.15);
  --shadow-lift: 0 20px 60px rgba(180, 140, 130, 0.25);
  --container-w: 1240px;

  /* ---- Motion ---- */
  --ease-luxury: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.3s;
  --dur-med: 0.6s;
  --dur-slow: 1.2s;
}