/* assets/css/design-tokens.css */
:root {
  --color-primary: #2596be;
  --color-primary-hover: #1b7ba0;
  --color-success: #16a34a;
  --color-success-bg: #dcfce7;
  --color-warning: #f59e0b;
  --color-warning-bg: #fef3c7;
  --color-danger:  #dc2626;
  --color-danger-bg: #fee2e2;
  --color-info:    #0284c7;
  --color-info-bg: #e0f2fe;
  --color-bg:      #f8fafc;
  --color-card-bg: #ffffff;
  --color-text:    #0f172a;
  --color-text-muted: #64748b;
  --color-border: #e2e8f0;
  --color-border-light: rgba(226, 232, 240, 0.6);
  
  --radius-sm:     6px;
  --radius-md:     10px;
  --radius-lg:     16px;
  --radius-xl:     20px;
  
  --shadow-sm:     0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md:     0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 2px 4px -1px rgba(15, 23, 42, 0.03);
  --shadow-lg:     0 10px 15px -3px rgba(15, 23, 42, 0.06), 0 4px 6px -2px rgba(15, 23, 42, 0.02);
  --shadow-xl:     0 20px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.03);
  
  --font-sans:     'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}