/* Very Good Trip Club — tokens charte logo (cyan + ambre)
   Sombre : fidèle à logo-palette-accueil / evenements / insolites
   Clair  : club-theme.css [data-theme=light] avec accents logo */

@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700&family=Exo+2:wght@600;700;800&display=swap");
@import url("https://api.fontshare.com/v2/css?f[]=switzer@400,500,600,700&display=swap");

:root,
[data-theme="dark"] {
  --bg: #0b0f14;
  --bg-elevated: #10151c;
  --surface: #141a22;
  --surface-2: #1a222c;
  --surface-raised: #222b36;
  --border: rgba(78, 200, 255, 0.16);
  --border-strong: rgba(78, 200, 255, 0.38);
  --border-amber: rgba(232, 168, 74, 0.42);
  --text: #f3f6fc;
  --text-muted: #8a93a3;
  --text-faint: #6b7380;
  --cyan: #4ec8ff;
  --cyan-pressed: #3bb7ee;
  --cyan-soft: rgba(78, 200, 255, 0.14);
  --cyan-ink: #0b0f14;
  --amber: #e8a84a;
  --amber-soft: rgba(232, 168, 74, 0.14);
  --amber-ink: #1a1204;
  --pink: #e06b8d;
  --pink-soft: rgba(224, 107, 141, 0.16);
  --success: #3ecf8e;
  --success-soft: rgba(62, 207, 142, 0.16);
  --danger: #e06b8d;
  --button: var(--cyan);
  --button-ink: var(--cyan-ink);
  --tab-active: var(--cyan);
  --fab: var(--cyan);
  --fab-ink: #0b0f14;
  --shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  --phone-glow: 0 30px 70px -25px rgba(0, 0, 0, 0.7);
  --font: "Switzer", "Outfit", "Inter", system-ui, sans-serif;
  --font-brand: "Orbitron", "Exo 2", "Syne", sans-serif;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

[data-theme="light"] {
  --bg: #f8fafd;
  --bg-elevated: #ffffff;
  --surface: #ffffff;
  --surface-2: #edf2fa;
  --surface-raised: #e8effb;
  --border: #dde5f0;
  --border-strong: #93c5e0;
  --border-amber: rgba(201, 132, 32, 0.45);
  --text: #10223f;
  --text-muted: #596b85;
  --text-faint: #7a8799;
  --cyan: #1494c4;
  --cyan-pressed: #0e7eaa;
  --cyan-soft: #e7f6fc;
  --cyan-ink: #ffffff;
  --amber: #c4841c;
  --amber-soft: #fbf3e4;
  --amber-ink: #ffffff;
  --pink: #c94b72;
  --pink-soft: #fdeef3;
  --success: #1f9d66;
  --success-soft: #e6f7ef;
  --danger: #c94b72;
  --button: var(--cyan);
  --button-ink: #ffffff;
  --tab-active: var(--cyan);
  --fab: #1494c4;
  --fab-ink: #ffffff;
  --shadow: 0 8px 24px rgba(16, 34, 63, 0.08);
  --phone-glow: 0 24px 50px -20px rgba(16, 34, 63, 0.25);
}