/* =========================================================================
 * CasinoBench — DESIGN TOKENS  (editorial / warm-coral character)
 * Unique custom-property namespace: --rv-*
 * Palette seed: #EAE7DC #D8C3A5 #8E8D8A #E98074 #E85A4F
 * ========================================================================= */

:root {
  /* --- brand palette --- */
  --rv-cream:        #EAE7DC;
  --rv-cream-deep:   #e2ded0;
  --rv-sand:         #D8C3A5;
  --rv-sand-soft:    #e7dcc8;
  --rv-stone:        #8E8D8A;
  --rv-coral:        #E85A4F;
  --rv-coral-soft:   #E98074;
  --rv-coral-deep:   #d0453b;

  /* --- ink / surfaces --- */
  --rv-ink:          #34322f;
  --rv-ink-soft:     #55524d;
  --rv-paper:        #fffdf8;
  --rv-paper-2:      #fbf7ee;
  --rv-line:         #e3d9c6;
  --rv-line-strong:  #cdbfa5;

  /* --- semantic --- */
  --rv-accent:       var(--rv-coral);
  --rv-accent-2:     var(--rv-coral-soft);
  --rv-bg:           var(--rv-cream);
  --rv-fg:           var(--rv-ink);
  --rv-muted:        var(--rv-stone);

  /* --- typography (self-hosted system stacks, no blocking web fonts) --- */
  --rv-font-display: "Fraunces", "Playfair Display", Georgia, "Times New Roman", serif;
  --rv-font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --rv-fs-hero:  clamp(2.25rem, 5.5vw, 4rem);
  --rv-fs-h1:    clamp(1.9rem, 4.5vw, 3rem);
  --rv-fs-h2:    clamp(1.5rem, 3vw, 2.1rem);
  --rv-fs-h3:    clamp(1.15rem, 2vw, 1.35rem);
  --rv-fs-body:  1.0625rem;
  --rv-fs-sm:    0.875rem;
  --rv-fs-xs:    0.75rem;
  --rv-lh:       1.65;

  /* --- spacing scale --- */
  --rv-s1: 0.25rem;
  --rv-s2: 0.5rem;
  --rv-s3: 0.75rem;
  --rv-s4: 1rem;
  --rv-s5: 1.5rem;
  --rv-s6: 2rem;
  --rv-s7: 3rem;
  --rv-s8: 4.5rem;

  /* --- radii / shadows (soft editorial) --- */
  --rv-r-sm: 8px;
  --rv-r-md: 14px;
  --rv-r-lg: 22px;
  --rv-r-pill: 999px;
  --rv-shadow-1: 0 2px 10px rgba(52,50,47,0.06);
  --rv-shadow-2: 0 12px 34px -12px rgba(52,50,47,0.22);
  --rv-shadow-coral: 0 12px 28px -10px rgba(232,90,79,0.45);

  /* --- layout --- */
  --rv-shell: 1160px;
  --rv-gap: clamp(1rem, 3vw, 2rem);
  --rv-header-h: 64px;

  /* --- motion --- */
  --rv-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rv-dur: 0.28s;
}

/* Breakpoint reference (used consistently across app.css):
   mobile   : base (<600)
   tablet   : >=600px
   desktop  : >=900px
   wide     : >=1200px  */