/**
 * 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;
}

/* Experience theme: one scale shared by discovery, account and management. */
:root {
  --fn-ui-bg: #080b12;
  --fn-ui-surface: #10151f;
  --fn-ui-surface-raised: #161d2a;
  --fn-ui-surface-hover: #1d2635;
  --fn-ui-line: rgba(185, 202, 228, 0.12);
  --fn-ui-line-strong: rgba(185, 202, 228, 0.24);
  --fn-ui-ink: #f5f7fc;
  --fn-ui-ink-secondary: #bdc6d6;
  --fn-ui-ink-muted: #96a3b9;
  --fn-ui-focus: #c4b5fd;
  --fn-ui-on-action: #171006;
  --fn-ui-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
  --fn-ui-radius-card: 20px;
  --fn-ui-radius-control: 10px;
  --fn-ui-page-width: 1200px;
  --fn-ui-gutter: clamp(16px, 3vw, 40px);
  --fn-ui-title-size: clamp(28px, 4vw, 42px);
  --fn-ui-section-size: clamp(19px, 2.4vw, 26px);
}