/* ============================================
   Louna&Co — Design Tokens
   Member Area CSS Variables
   ============================================ */

:root {
  /* Colors — Pantone Luxury Palette */
  --cream: #FBFCEB;
  --black: #030303;
  --gold: #c8a96b;
  --pink: #C9948A;
  --red: #750505;
  --green: #001D00;
  --white: #FBFCEB;
  --warm-grey: #4A3525;
  --chocolat: #362017;
  --red-inferno: #4E0000;
  --cherry-red: #750505;

  /* Semantic */
  --bg: var(--chocolat);
  --text: var(--cream);
  --text-muted: rgba(251, 252, 235, 0.55);
  --text-light: rgba(251, 252, 235, 0.35);
  --border: rgba(251, 252, 235, 0.1);
  --card-bg: rgba(251, 252, 235, 0.06);
  --card-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);

  /* Typography */
  --font-display: "Playfair Display", serif;
  --font-body: "Space Grotesk", sans-serif;
  --font-mono: "Space Mono", monospace;

  /* Spacing */
  --nav-height: 72px;
  --page-padding: 48px;
  --sidebar-width: 260px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 100px;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.3s;
}