/* Le Cristal — complete storefront theme tokens. */
:root, [data-theme="cristal"] {
    --clr-primary:      #365f4d;
    --clr-primary-dk:   #18382c;
    --clr-primary-lt:   #edf1ea;
    --clr-secondary:    #18382c;
    --clr-accent:       #b28d58;

    --clr-bg:           #faf8f1;
    --clr-surface:      #faf8f1;
    --clr-border:       rgba(30, 26, 23, .16);
    --clr-text:         #1e1a17;
    --clr-text-muted:   #736b63;
    --clr-text-on-primary: #ffffff;
    --psd-gold:         #b28d58;

    --clr-header-bg:    #fffdf8;
    --clr-header-text:  #1e1a17;

    --clr-footer-bg:    #1e1a17;
    --clr-footer-text:  rgba(255, 255, 255, .82);

  /* Status colours */
  --clr-success: #28a745;
  --clr-warning: #ffc107;
  --clr-danger: #dc3545;
  --clr-info: #17a2b8;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --radius-full: 9999px;

  /* Spacing */
  --sp-xs: 0.25rem;
  --sp-sm: 0.5rem;
  --sp-md: 1rem;
  --sp-lg: 1.5rem;
  --sp-xl: 2rem;
  --sp-2xl: 3rem;

  --font-mono: "Courier New", monospace;
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 400ms ease;

  /* Z-index layers */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-header: 300;
  --z-modal: 400;
  --z-toast: 500;

    --font-body: "DM Sans", Arial, sans-serif;
    --font-heading: "Italiana", Georgia, serif;
}

/* Italiana only ships a single (regular) weight — base.css's global
   h1–h6{font-weight:700} would just fake-bold it, so relax that here. */
[data-theme="cristal"] h1,
[data-theme="cristal"] h2,
[data-theme="cristal"] h3,
[data-theme="cristal"] h4 {
    font-weight: 400;
    letter-spacing: -.02em;
}