/**
 * Stampbook Marketing Design Tokens
 * Sincronizado con constants/gameHomeTheme.ts + constants/colors.ts
 * Importar en landing, landings derivadas y plantillas Pomelli.
 */
:root {
  /* ── Marca ── */
  --sb-primary: #5b8def;
  --sb-primary-dark: #4a7bd8;
  --sb-secondary: #ffb84d;
  --sb-accent: #ff6b6b;
  --sb-success: #22c55e;
  --sb-warning: #f59e0b;

  /* ── RPG / Game Home ── */
  --sb-gold-start: #ffd54f;
  --sb-gold-mid: #ffb84d;
  --sb-gold-end: #f59e0b;
  --sb-gold-shadow: #b45309;
  --sb-gold-border: #1a1a1a;

  --sb-burgundy: #b83a52;
  --sb-burgundy-dark: #8b2942;

  --sb-navy: #11274a;
  --sb-navy-mid: #1a2e4a;
  --sb-navy-light: #3d5278;

  --sb-corporate-blue: #4a7bd8;
  --sb-stat-gold: #f5c842;

  --sb-text: #1a1a1a;
  --sb-text-muted: #6b7280;
  --sb-bg: #f8f9fa;
  --sb-white: #ffffff;

  /* ── Superficies ── */
  --sb-glass-bg: rgba(255, 248, 235, 0.22);
  --sb-glass-border: rgba(255, 255, 255, 0.48);
  --sb-panel-bg: rgba(255, 251, 242, 0.98);
  --sb-panel-border: rgba(180, 130, 90, 0.28);
  --sb-section-bg: rgba(255, 255, 255, 0.84);

  /* ── Gradientes ── */
  --sb-gradient-hero: linear-gradient(165deg, #6ea8ff 0%, #4a7bd8 45%, #2d4a8a 100%);
  --sb-gradient-gold: linear-gradient(180deg, var(--sb-gold-start) 0%, var(--sb-gold-mid) 52%, var(--sb-gold-end) 100%);
  --sb-gradient-xp: linear-gradient(90deg, #86efac, #22c55e);
  --sb-gradient-burgundy: linear-gradient(180deg, #c94a62 0%, var(--sb-burgundy) 100%);

  /* ── Tipografía ── */
  --sb-font-display: "Fredoka", "Nunito", system-ui, sans-serif;
  --sb-font-body: "Nunito", system-ui, sans-serif;

  /* ── Espaciado y radios ── */
  --sb-radius-sm: 12px;
  --sb-radius-md: 16px;
  --sb-radius-lg: 24px;
  --sb-radius-xl: 32px;
  --sb-radius-pill: 999px;

  /* ── Sombras ── */
  --sb-shadow-soft: 0 20px 45px rgba(26, 46, 74, 0.18);
  --sb-shadow-card: 0 8px 24px rgba(26, 46, 74, 0.12);
  --sb-shadow-gold: 0 5px 0 var(--sb-gold-shadow);
  --sb-shadow-outline: 0 2px 0 rgba(0, 0, 0, 0.35);

  /* ── Patrón diamante (Explorar / Social) ── */
  --sb-diamond-bg: #c5dff5;
  --sb-diamond-line: rgba(255, 255, 255, 0.35);
}