/* =========================================================
   STATERA FORGE — DESIGN TOKENS
   Single source of truth for all brand values.
   Update here when the brand is finalised.
========================================================= */

:root {
  /* Colours */
  --sf-color-dark:        #21102f;
  --sf-color-dark-alt:    #1f0f2e;
  --sf-color-dark-hover:  #2a133b;
  --sf-color-accent:      #d83a93;
  --sf-color-bright:      #ff6bc8;
  --sf-color-cream:       #f7efe7;
  --sf-color-cream-text:  rgba(255, 247, 242, 0.92);
  --sf-color-cream-faint: rgba(255, 247, 242, 0.08);
  --sf-color-body-bg:     #f7efe7;

  /* Hero gradient */
  --sf-gradient-hero: 
    radial-gradient(circle at 18% 28%, rgba(255, 105, 180, 0.18) 0%, rgba(255, 105, 180, 0) 38%),
    radial-gradient(circle at 78% 18%, rgba(180, 120, 255, 0.18) 0%, rgba(180, 120, 255, 0) 42%),
    radial-gradient(circle at 50% 115%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 52%),
    linear-gradient(135deg, #b24b91 0%, #8d56a8 48%, #71469c 100%);

  /* Footer gradient */
  --sf-gradient-footer:
    radial-gradient(circle at 15% 20%, rgba(160, 0, 95, 0.22), transparent 34%),
    radial-gradient(circle at 80% 15%, rgba(255, 240, 220, 0.08), transparent 30%),
    #21102f;

  /* Typography */
  --sf-font-serif:   Georgia, "Times New Roman", serif;
  --sf-font-sans:    inherit;

  /* Easing */
  --sf-ease:         cubic-bezier(0.22, 1, 0.36, 1);
  --sf-ease-quick:   0.18s ease;

  /* Layout */
  --sf-max-width:    1320px;
  --sf-page-padding: 7vw;
  --sf-radius-pill:  999px;
  --sf-radius-card:  28px;
}