/**
 * FineNights design tokens — minimal premium nightlife.
 * Dark-first, white type, soft gray meta, orange actions and violet Plus accents.
 */
:root {
  /* Surfaces */
  --fn-bg: #07070a;
  --fn-bg-elevated: #0c0c10;
  --fn-surface: #0c0c10;
  --fn-surface-2: #121218;
  --fn-surface-3: #18181f;
  --fn-card: #121218;

  /* Borders — keep subtle */
  --fn-border: rgba(255, 255, 255, 0.08);
  --fn-border-soft: rgba(255, 255, 255, 0.06);
  --fn-border-strong: rgba(139, 92, 246, 0.45);

  /* Text */
  --fn-text: #ffffff;
  --fn-text-secondary: #a1a1aa;
  --fn-text-muted: #92929e;

  /* Brand colors; use semantic accent aliases for ordinary actions. */
  --fn-violet: #8b5cf6;
  --fn-violet-hot: #7c3aed;
  --fn-violet-soft: rgba(139, 92, 246, 0.16);
  --fn-violet-glow: rgba(139, 92, 246, 0.22);
  --fn-orange: #ff8a00;
  --fn-orange-hot: #ff6b00;
  --fn-orange-soft: rgba(255, 138, 0, 0.14);
  --fn-orange-glow: rgba(255, 138, 0, 0.22);
  --fn-blue: #1647d8;
  --fn-blue-soft: rgba(22, 71, 216, 0.2);
  /* FineNights logo N tile + rating badge gradients (venue blue / person purple) */
  --fn-logo-n: #176BFF;
  --fn-badge-blue-from: #176BFF;
  --fn-badge-blue-to: #073CB8;
  --fn-badge-purple-from: #7838F5;
  --fn-badge-purple-to: #4A16B8;
  --fn-badge-shell: #090C11;
  --fn-badge-logo-bg: #05070A;
  --fn-badge-border: #344258;
  --fn-badge-border-person: #44345E;
  --fn-badge-rule: #394454;
  --fn-red: #ff2d2d;
  --fn-success: #39d353;
  --fn-purple: var(--fn-violet);
  --fn-pink: #ec4899;
  --fn-cyan: #22d3ee;

  /* Semantic aliases — orange actions, violet premium access. */
  --fn-accent: var(--fn-orange);
  --fn-accent-hot: var(--fn-orange-hot);
  --fn-accent-soft: var(--fn-orange-soft);
  --fn-accent-glow: var(--fn-orange-glow);
  --fn-bg-elevated: var(--fn-surface);
  --fn-bg-card: var(--fn-card);

  /* Category marker colors (map pins — keep distinct) */
  --fn-cat-bar: #ff8a00;
  --fn-cat-club: #8b5cf6;
  --fn-cat-event: #8b5cf6;
  --fn-cat-tour: #22d3ee;

  /* Geometry — cards 12–16px; controls square-ish */
  --fn-radius: 14px;
  --fn-radius-sm: 12px;
  --fn-radius-lg: 16px;
  /* Buttons, chips, filters, icon buttons, search fields */
  --fn-radius-control: 6px;
  /* Avatars, map markers, switches, progress tracks, dots */
  --fn-radius-round: 999px;
  /* Legacy alias — was full pill; now matches rectangular controls */
  --fn-radius-pill: var(--fn-radius-control);

  /* Layout */
  --fn-header-h: 56px;
  --fn-bottom-nav-h: 60px;
  --fn-safe-top: env(safe-area-inset-top, 0px);
  --fn-safe-bottom: env(safe-area-inset-bottom, 0px);
  --fn-safe-left: env(safe-area-inset-left, 0px);
  --fn-safe-right: env(safe-area-inset-right, 0px);
  --fn-max: 1120px;
  --fn-sidebar-w: 320px;
  --fn-detail-w: 380px;
  --fn-space-1: 8px;
  --fn-space-2: 12px;
  --fn-space-3: 16px;
  --fn-space-4: 24px;
  --fn-space-5: 32px;
  --fn-space-6: 48px;

  /* Type */
  --fn-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --fn-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fn-fast: 160ms;
}