/* ==========================================================================
   Zomplet — Design Tokens
   A deep-crimson and gold casino-lounge aesthetic, rebuilt as an independent
   editorial directory: dark wine backgrounds, warm ivory canvas, gold for
   emphasis, crimson for action.
   ========================================================================== */

:root {
  color-scheme: light;

  /* --- core palette --- */
  --ink:            #2d0506;   /* deepest text, near-black wine          */
  --text:           #3f2b2a;   /* body copy                               */
  --muted:          #6f5855;   /* secondary copy, metadata                */

  --primary:        #a3161b;   /* crimson — primary CTA                   */
  --primary-dark:   #7d0f13;   /* hover / pressed                         */
  --primary-soft:   #fbeceb;   /* crimson tint for chips + fills          */
  --deep:           #2d0405;   /* header / footer wine                    */
  --deep-2:         #4a0a0b;   /* gradient partner for the deep wine       */

  --gold:           #f7d462;   /* gold accent — stars, highlights, rules   */
  --gold-deep:      #d9a92f;   /* gold text on light backgrounds         */
  --gold-soft:      #fdf6e0;   /* gold tint fills                         */

  --rose:           #9b5659;   /* muted rose — secondary actions           */
  --rose-soft:      #f6eeee;   /* rose tint                               */

  --surface:        #ffffff;   /* cards                                   */
  --canvas:         #fdf8f4;   /* warm ivory page background              */
  --canvas-2:       #f7efe9;   /* alternating section band                */
  --line:           #eadcd6;   /* hairline borders                        */
  --line-strong:    #dcc7bf;

  --success:        #2f7d4f;
  --warning:        #b26b00;
  --error:          #b3261e;

  /* --- typography --- */
  --font-display: "DINPro-Medium", "DIN Alternate", "Oswald",
                  "Helvetica Neue Condensed", "Arial Narrow",
                  system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    system-ui, -apple-system, "Segoe UI", Roboto,
                  "Helvetica Neue", Arial, sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --fs-display:  clamp(2.1rem, 5.2vw, 3.7rem);
  --fs-h1:       clamp(1.85rem, 4.2vw, 2.9rem);
  --fs-h2:       clamp(1.32rem, 2.6vw, 1.85rem);
  --fs-h3:       clamp(1.08rem, 1.6vw, 1.24rem);
  --fs-lead:     1.1rem;
  --fs-body:     1rem;
  --fs-sm:       0.885rem;
  --fs-xs:       0.775rem;

  --lh-tight:    1.14;
  --lh-snug:     1.28;
  --lh-body:     1.68;

  /* --- spacing --- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 22px;
  --s-6: 30px;
  --s-7: 42px;
  --s-8: 58px;
  --s-9: 76px;

  --wrap: 1140px;
  --wrap-narrow: 780px;

  /* --- radii --- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* --- elevation (soft, wine-tinted) --- */
  --sh-1: 0 1px 2px rgba(45, 5, 6, .05);
  --sh-2: 0 4px 16px rgba(45, 5, 6, .07);
  --sh-3: 0 14px 40px rgba(45, 5, 6, .10);

  --ring: 0 0 0 3px rgba(163, 22, 27, .28);
}