/* ==========================================================================
   Luna Beauty — design tokens
   ========================================================================== */

:root {
  /* --- Surfaces ---------------------------------------------------------- */
  --c-page:          #fdfbf9;  /* default page ground                        */
  --c-surface:       #ffffff;  /* cards, elevated panels                     */
  --c-surface-warm:  #f2ede6;  /* alternating band: "Besøk oss", footer      */
  --c-surface-sunk:  #f7f3ee;  /* header bar, subtle insets                  */

  /* --- Ink --------------------------------------------------------------- */
  --c-ink:           #3d3229;  /* display headings                           */
  --c-ink-body:      #6b6259;  /* running copy                               */
  --c-ink-muted:     #948a7e;  /* captions, meta, disabled                   */
  --c-ink-invert:    #fdfbf9;  /* text on bronze / on photography            */

  /* --- Accent ------------------------------------------------------------ */
  --c-accent:        #8b7355;  /* filled buttons, active states              */
  --c-accent-deep:   #6f5b42;  /* hover / pressed                            */
  --c-accent-soft:   #a89275;  /* secondary bronze, outlined buttons        */
  --c-accent-tint:   #ede4d8;  /* accent washes, chips                       */
  --c-heading-gold:  #8a6f4e;  /* gilded section titles                      */

  /* --- Lines ------------------------------------------------------------- */
  --c-line:          #e8e1d8;  /* card + divider hairlines                   */
  --c-line-soft:     #f0eae2;

  /* --- Type -------------------------------------------------------------- */
  --f-display: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --f-ui:      "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;

  --t-hero:    clamp(2.5rem, 6vw, 4rem);
  --t-h2:      clamp(1.5rem, 3vw, 2rem);
  --t-h3:      1.125rem;
  --t-body:    0.9375rem;
  --t-small:   0.8125rem;
  --t-micro:   0.6875rem;   /* letterspaced uppercase labels                 */

  --ls-micro:  0.14em;      /* nav, buttons, small caps labels               */
  --ls-label:  0.08em;

  /* --- Space / shape ----------------------------------------------------- */
  --s-section: clamp(3.5rem, 8vw, 6.5rem);
  --s-gutter:  clamp(1.25rem, 4vw, 3rem);
  --r-card:    10px;
  --r-pill:    999px;
  --r-frame:   14px;        /* portrait + map frames                         */

  --shadow-card:  0 1px 3px rgba(61, 50, 41, .05), 0 8px 24px rgba(61, 50, 41, .04);
  --shadow-frame: 0 4px 12px rgba(61, 50, 41, .08), 0 18px 48px rgba(61, 50, 41, .07);

  --ease: cubic-bezier(.4, 0, .2, 1);
}

/* Light theme only. */