/**
 * Brand / Theme Configuration
 * ---------------------------
 * Edit this file to rebrand the spin-to-win wheel.
 * All colors, fonts, and visual tokens live here.
 *
 * BMF palette pulled straight from the logo file (bmf-the-aesthetics-people.svg):
 * ink #653331 (dark maroon) and blush #DFBCB0. Everything else below is
 * derived from those two.
 */

:root {
  /* ── Primary palette ── */
  --sf-primary: #653331;
  --sf-primary-dark: #4A2422;
  --sf-primary-deeper: #351917;
  --sf-primary-light: #A66761;
  --sf-primary-lightest: #DFBCB0;

  /* ── Backgrounds ── */
  --sf-bg: #FBF5F3;
  --sf-bg-card: #9598a2;

  /* ── Text ── */
  --sf-text: #2B1614;
  --sf-text-muted: #8A7570;

  /* ── Gradients ── */
  --sf-gradient: linear-gradient(135deg, #653331 0%, #A66761 100%);
  --sf-gradient-btn: linear-gradient(135deg, #653331 0%, #4A2422 100%);

  /* ── Misc ── */
  --sf-radius: 16px;
  --sf-shadow: 0 4px 24px rgba(101, 51, 49, 0.25);
  --sf-pointer-color: #2B1614;
  --sf-wheel-border-color: var(--sf-primary);
  --sf-wheel-outer-ring: var(--sf-primary-lightest);

  /* ── Font ── */
  --sf-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}