@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Colors - French State Inspired */
  --bg-color: #f9f9f9; /* Very light beige/gray */
  --surface-color: #ffffff; 
  --surface-border: #e5e5e5;
  --primary-color: #000091; /* Bleu France */
  --primary-color-hover: #1212ff;
  --accent-red: #e1000f; /* Rouge Marianne */
  --text-main: #161616;
  --text-muted: #666666;
  
  /* Layout */
  --max-width: 1200px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 32px;
  --spacing-xl: 64px;
  
  /* Typography */
  --font-family: 'Inter', system-ui, sans-serif;
  
  /* Effects */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.08);
  --transition: all 0.2s ease-in-out;
}