/**
 * SKSculpts Premium — Design Tokens
 * Single source of truth for all CSS custom properties.
 * Light (default) and dark theme variable definitions.
 */

/* ============================================================
   LIGHT THEME (default)
   ============================================================ */
:root {
  /* Backgrounds */
  --sk-bg:       #ffffff;
  --sk-bg2:      #f5f6f7;
  --sk-card:     #ffffff;
  --sk-header:   rgba(255, 255, 255, 0.94);

  /* Accent / Gold */
  --sk-gold:     #c7963e;
  --sk-gold2:    #b9852d;

  /* Text */
  --sk-text:     #17202a;
  --sk-muted:    #66717d;

  /* Borders & Shadows */
  --sk-border:   rgba(23, 32, 42, 0.11);
  --sk-shadow:   0 18px 50px rgba(18, 27, 35, 0.08);

  /* Layout */
  --sk-inner:    1500px;

  /* Typography */
  --sk-font-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --sk-font-ui:      Manrope, Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ============================================================
   DARK THEME
   Final authoritative values (consolidated from v1.1.6)
   ============================================================ */
html[data-theme="dark"] {
  /* Backgrounds */
  --sk-bg:       #111820;
  --sk-bg2:      #172027;
  --sk-card:     #1b242b;
  --sk-header:   rgba(12, 20, 27, 0.96);

  /* Accent shades for dark */
  --sk-navy:     #0d1923;
  --sk-deep:     #091219;

  /* Accent / Gold (warmer on dark) */
  --sk-gold:     #b99355;
  --sk-gold2:    #d2ae6a;

  /* Text */
  --sk-text:     #f3efe7;
  --sk-muted:    #aeb7bf;

  /* Borders & Shadows */
  --sk-border:   rgba(202, 170, 109, 0.16);
  --sk-shadow:   0 18px 50px rgba(8, 13, 18, 0.24);
}