/* Souci Mall — design tokens · BOURBON edition
 *
 * A single dark-luxury skin. The previous Candy/Neon dual mode is retired
 * in favour of a deep ink + antique-gold palette aimed at the men's
 * intimate-wellness niche (per client brief). Anything theme-able stays
 * a CSS custom property so a future re-skin only touches this file.
 *
 * Palette anchor: deep ink #08080C, surface #15151E, antique gold #C9A86A,
 * warm bone #F5F0E8 ink. Letterforms: Cormorant Garamond serif for display,
 * Inter for body — paired via Google Fonts loader in inc/enqueue.php. */

:root {
  /* Surfaces -------------------------------------------------------- */
  --sm-bg:           #08080C;
  --sm-bg-alt:       #0F0F16;
  --sm-surface:      #15151E;
  --sm-surface-alt:  #1C1C28;

  /* Text — warm bone instead of cold white reads more luxe on the dark page */
  --sm-ink:          #F5F0E8;
  --sm-ink-soft:     #C5BBA8;
  --sm-ink-muted:    #7A7264;

  /* Hairlines — gold at low alpha so divisions read as "etched gold" not gray */
  --sm-line:         rgba(201, 168, 106, 0.16);
  --sm-line-strong:  rgba(201, 168, 106, 0.32);

  /* Accents — antique brass family. Primary is a workhorse 60% saturation
   * that survives both gradient overlays and pure-black backgrounds. */
  --sm-accent:       #C9A86A;
  --sm-accent-2:     #8B6F47;
  --sm-accent-3:     #E5C68F;
  --sm-accent-ink:   #08080C;

  /* Status colours — keep red distinct from the gold so danger is unambiguous */
  --sm-danger:       #E55A4F;

  /* Decorative tint + product-card fallback */
  --sm-tag:          rgba(201, 168, 106, 0.12);
  --sm-card-bg:      #15151E;

  /* Typography ------------------------------------------------------
   * Single-family stack (Inter), the same convention used by Stripe,
   * Apple, Vercel, Linear. One typeface lets weight differentiate
   * hierarchy — display 700-900, body 400-500. CJK falls back to
   * "PingFang SC" / "Hiragino Sans" matching macOS/iOS native
   * rendering (no Cyrillic-y serif fallback). */
  --sm-display-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans", system-ui, sans-serif;
  --sm-body-font:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans", system-ui, sans-serif;
  --sm-mono-font:    "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --sm-code-font:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Display weight — Inter at 800 looks confident without going
   * cartoonish like 900; 700 reads slightly thin against bg overlays. */
  --sm-display-weight:    800;
  /* Inter has an "italics-like" optical correction at 600+; uppercase
   * at scale benefits from very tight negative tracking (Apple /
   * Stripe style). Per-rule overrides can dial this back for body sizes. */
  --sm-display-transform: none;
  --sm-display-tracking:  -0.5px;
  /* Buttons — uppercase + tracking 1.5-2px is universal modern norm */
  --sm-button-tracking:   1.5px;

  /* Geometry — Bourbon design language is sharp; soften only buttons + cards */
  --sm-radius:       2px;   /* default for inputs, chips */
  --sm-radius-card:  6px;   /* cards / surfaces */
  --sm-radius-pill:  0;     /* pills become rectangles in this skin */

  /* Shadows — warmer (gold-tinted) than the Candy purple-tinted set */
  --sm-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.45);
  --sm-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.55);
  --sm-shadow-lg: 0 40px 100px rgba(0, 0, 0, 0.7);

  /* Layout */
  --sm-pad-x-pc:  60px;
  --sm-pad-x-mob: 16px;
  --sm-max-w:     1440px;
  --sm-nav-h:     64px;

  color-scheme: dark;
}

/* The old [data-theme="dark"] / [data-theme="light"] / prefers-color-scheme
 * blocks have been removed. The site is now single-mode dark. The theme
 * toggle button in the header (`.sm-theme-toggle`) is hidden via inc/setup
 * enqueue + a CSS rule below; any localStorage value the visitor's browser
 * still carries is harmless because no `[data-theme="…"]` rules consume it. */

[data-theme="dark"],
[data-theme="light"] { /* legacy values — same tokens regardless */
  color-scheme: dark;
}

/* Hide the floating theme toggle (light/dark switch) — Bourbon skin is
 * intentionally one mode. */
.sm-theme-toggle { display: none !important; }