/* ==========================================================================
   myscreenverse — Design Tokens
   Brand tokens sourced from msv-frontend-reactjs/tailwind.config.ts
   ========================================================================== */

:root {
  --primary: #6b1930;
  --primary-subtle: #af8384;
  --primary-dark: #4a0f1d;
  --secondary: #4a0f1d;
  --secondary-subtle: #c49e9f;

  --ink: #1a1214;
  --taupe: #8c7a7e;
  --mist: #d8d2d3;

  --white: #ffffff;
  --cream: #f7f1ec;
  --dark: #2b0a16;
  --blush: #fbf3f4;

  --success: #1e7d4f;
  --warning: #b5760a;

  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;

  --shadow-card: 0px 12px 32px -4px rgba(26, 18, 20, 0.18);
  --shadow-soft: 0px 4px 16px -4px rgba(26, 18, 20, 0.12);

  --container: 1200px;
  --header-h: 72px;
  --header-gap: 16px;

  color-scheme: light;
}