/* ================================================
   unRYL - CSS Variables
   Global Design Tokens (Colors, Fonts, Sizes, etc.)
   ================================================ */

:root {
  /* ===============================
     🎨 Colors
     =============================== */
  --color-primary: #000000;       /* Black */
  --color-secondary: #ff007f;     /* Gen Z Neon Pink */
  --color-accent: #00e6e6;        /* Gen Z Teal/Cyan */
  --color-bg: #ffffff;            /* Background */
  --color-muted: #f4f4f4;         /* Light Gray */
  --color-text: #333333;          /* Main Text */
  --color-text-light: #666666;    /* Lighter Text */

  /* ===============================
     ✍️ Fonts
     =============================== */
  --font-main: 'Poppins', sans-serif;
  --font-heading: 'Bebas Neue', sans-serif;

  /* ===============================
     🔠 Font Sizes
     =============================== */
  --fs-xs: 0.75rem;   /* 12px */
  --fs-sm: 0.875rem;  /* 14px */
  --fs-base: 1rem;    /* 16px */
  --fs-lg: 1.25rem;   /* 20px */
  --fs-xl: 1.5rem;    /* 24px */
  --fs-xxl: 2rem;     /* 32px */
  --fs-xxxl: 3rem;    /* 48px */

  /* ===============================
     📏 Spacing
     =============================== */
  --space-xs: 0.25rem;  /* 4px */
  --space-sm: 0.5rem;   /* 8px */
  --space-md: 1rem;     /* 16px */
  --space-lg: 1.5rem;   /* 24px */
  --space-xl: 2rem;     /* 32px */
  --space-xxl: 3rem;    /* 48px */

  /* ===============================
     🟦 Border Radius
     =============================== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 9999px;

  /* ===============================
     🌑 Shadows
     =============================== */
  --shadow-sm: 0 2px 5px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 10px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 20px rgba(0,0,0,0.15);

  /* ===============================
     ⏱️ Transitions
     =============================== */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.4s ease;
  --transition-slow: 0.6s ease;
}