/**
 * Design Tokens & CSS Variables for Refu in English
 */
:root {
  /* Color Palette - Primary Purple & Accents */
  --refu-purple-primary: #4C1D73;
  --refu-purple-dark: #371256;
  --refu-purple-light: #622594;
  --refu-purple-soft: #F4EFFA;
  --refu-purple-border: #E2D5F0;

  /* Accent Lime / Yellow */
  --refu-lime-accent: #CBE02D;
  --refu-lime-hover: #b8cc23;
  --refu-lime-light: #F7FCE0;
  --refu-lime-dark: #80910E;

  /* Neutral Dark & Light */
  --refu-color-dark-footer: #1C1D21;
  --refu-color-dark-card: #25262C;
  --refu-color-text-heading: #18181B;
  --refu-color-text-main: #2F3036;
  --refu-color-text-muted: #6B7280;
  --refu-color-text-light: #9CA3AF;

  --refu-color-bg-site: #FFFFFF;
  --refu-color-bg-soft: #F9FAFB;
  --refu-color-bg-card: #FFFFFF;
  --refu-color-border: #E5E7EB;
  --refu-color-border-light: #F3F4F6;

  /* Category Specific Badges */
  --cat-health-bg: #4C1D73;
  --cat-health-text: #FFFFFF;
  --cat-lifestyle-bg: #4C1D73;
  --cat-lifestyle-text: #FFFFFF;
  --cat-tech-bg: #CBE02D;
  --cat-tech-text: #18181B;
  --cat-money-bg: #CBE02D;
  --cat-money-text: #18181B;
  --cat-international-bg: #CBE02D;
  --cat-international-text: #18181B;

  /* Typography */
  --refu-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --refu-font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --refu-font-mono: 'JetBrains Mono', 'Fira Code', Consolas, Monaco, monospace;

  /* Layout Widths */
  --refu-container-max: 1240px;
  --refu-container-narrow: 840px;
  --refu-header-height: 80px;

  /* Radius */
  --refu-radius-sm: 6px;
  --refu-radius-md: 12px;
  --refu-radius-lg: 20px;
  --refu-radius-full: 9999px;

  /* Shadows */
  --refu-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
  --refu-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.06);
  --refu-shadow-lg: 0 16px 36px rgba(0, 0, 0, 0.1);
  --refu-shadow-purple: 0 10px 30px rgba(76, 29, 115, 0.18);

  /* Transitions */
  --refu-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --refu-transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}