/* ============================================================
   SuroyWear · Color
   Ocean blues, warm earth, sun-bleached neutrals.
   Palette extracted from suroywear.com + brand archive.
   Ratio to hold: Neutrals 60 · Ink 25 · Coast/Earth 10 · Sunrise 5.
   ============================================================ */

:root {
  /* --- Base palette --- */
  --sw-midnight: #171717;   /* Primary ink · headers, footers, buttons, photo overlays */
  --sw-reef:     #16324A;   /* Reef Navy · deep ocean, dark sections, secondary ink */
  --sw-royal:    #2A5CAA;   /* Royal Blue · links, interactive, Island Series */
  --sw-serenity: #A9C7DD;   /* Serenity Blue · tints, selection, calm surfaces */
  --sw-cocoa:    #6B4F3B;   /* Cocoa · eyebrows, meta text, Journey Collection */
  --sw-sand:     #F3EDE2;   /* Sand · alternating section backgrounds */
  --sw-shell:    #FBF8F2;   /* Shell · page base, warm near-white (never pure grey) */
  --sw-sunrise:  #E8832A;   /* Sunrise · the 5% accent. One moment per frame. */
  --sw-palm:     #2F7D5B;   /* Palm · success, marine-conservation tags */
  --sw-coral:    #E11D48;   /* Coral · sale price, error. Use rarely. */
  --sw-white:    #FFFFFF;   /* Pure white · Commerce register surfaces */

  /* --- Derived neutrals --- */
  --sw-ink-muted: #6E6C6A;              /* Midnight at ~62% over Shell */
  --sw-border:    #E0DDD8;              /* hairline border on Shell */
  --sw-line:      rgba(23, 23, 23, 0.12); /* divider line */
  --sw-line-soft: rgba(23, 23, 23, 0.06);

  /* --- Scrims & overlays (text-on-photo) --- */
  --sw-scrim:      rgba(23, 23, 23, 0.62); /* base of the Midnight gradient overlay */
  --sw-scrim-soft: rgba(23, 23, 23, 0.28);

  /* --- Semantic aliases --- */
  --sw-bg:            var(--sw-shell);
  --sw-bg-alt:        var(--sw-sand);
  --sw-surface:       var(--sw-white);      /* Commerce cards */
  --sw-surface-dark:  var(--sw-midnight);
  --sw-surface-deep:  var(--sw-reef);

  --sw-text:          var(--sw-midnight);
  --sw-text-muted:    var(--sw-ink-muted);
  --sw-text-inverse:  var(--sw-shell);      /* type on dark / photo */
  --sw-eyebrow:       var(--sw-cocoa);

  --sw-accent:        var(--sw-sunrise);
  --sw-link:          var(--sw-royal);
  --sw-selection:     var(--sw-serenity);

  --sw-success:       var(--sw-palm);
  --sw-danger:        var(--sw-coral);
  --sw-sale:          var(--sw-coral);
}