/**
 * Design Tokens & CSS Custom Properties
 * Food Menu Journal Design System
 */

:root {
  /* Color Palette */
  --fmj-primary: #a6192e;
  --fmj-primary-dark: #7f1222;
  --fmj-primary-hover: #7f1222;
  --fmj-primary-light: #fff1f2;
  --fmj-accent-red: #ef4444;
  --fmj-accent-gold: #FCD705;
  --fmj-gold-text: #281914;

  /* Neutrals & Warm Creams */
  --fmj-bg-cream: #f6f0e2;
  --fmj-bg-cream-soft: #fbf8f2;
  --fmj-bg-white: #ffffff;
  --fmj-bg-gray-50: #f9fafb;
  --fmj-bg-gray-100: #f3f4f6;
  --fmj-bg-gray-200: #e5e7eb;

  /* Slate Navy */
  --fmj-slate-900: #0f172a;
  --fmj-slate-800: #1e293b;
  --fmj-slate-700: #334155;

  /* Text Colors */
  --fmj-text-main: #1c1917;
  --fmj-text-body: #443d35;
  --fmj-text-muted: #655c51;
  --fmj-text-light: #9ca3af;
  --fmj-text-white: #ffffff;

  /* Borders */
  --fmj-border-warm: #ded3bd;
  --fmj-border-warm-dark: #cec1a7;
  --fmj-border-light: #e5e7eb;
  --fmj-border-subtle: #f1f5f9;

  /* Typography */
  --fmj-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fmj-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Radii */
  --fmj-radius-sm: 6px;
  --fmj-radius-md: 10px;
  --fmj-radius-lg: 16px;
  --fmj-radius-xl: 24px;
  --fmj-radius-full: 9999px;

  /* Shadows */
  --fmj-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --fmj-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --fmj-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  --fmj-shadow-xl: 0 20px 35px -5px rgba(0, 0, 0, 0.15);

  /* Layout Containers */
  --fmj-container-max: 1240px;
  --fmj-container-narrow: 840px;
  --fmj-container-padding: 20px;

  /* Transitions */
  --fmj-transition-fast: 150ms ease;
  --fmj-transition: 250ms ease;
  --fmj-transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);
}