frontend/src/styles/dashboardTokens.css

/* Dashboard Design Tokens - Matches Landing Page Theme */

:root {
  /* Color Palette - Warm Beige + Muted Green */
  --dash-bg: #f5f0e8;
  --dash-surface: #faf8f4;
  --dash-surface-hover: #ffffff;
  
  --dash-accent: #6b9175;
  --dash-accent-dark: #4a7c59;
  --dash-accent-light: #8fb199;
  --dash-accent-pale: #e8f3eb;
  
  --dash-text: #2d2d2d;
  --dash-text-secondary: #6b6b6b;
  --dash-text-muted: #999999;
  
  --dash-border: #e5dfd5;
  --dash-border-light: #f0ebe3;
  
  /* Status Colors */
  --dash-success: #6b9175;
  --dash-warning: #d9a962;
  --dash-danger: #c85a54;
  --dash-info: #7a9cc6;
  
  /* Shadows */
  --dash-shadow-sm: 0 2px 8px rgba(107, 145, 117, 0.08);
  --dash-shadow-md: 0 4px 16px rgba(107, 145, 117, 0.12);
  --dash-shadow-lg: 0 8px 32px rgba(107, 145, 117, 0.15);
  
  /* Spacing */
  --dash-spacing-xs: 0.5rem;
  --dash-spacing-sm: 0.75rem;
  --dash-spacing-md: 1rem;
  --dash-spacing-lg: 1.5rem;
  --dash-spacing-xl: 2rem;
  --dash-spacing-2xl: 3rem;
  
  /* Border Radius */
  --dash-radius-sm: 0.5rem;
  --dash-radius-md: 0.75rem;
  --dash-radius-lg: 1rem;
  --dash-radius-xl: 1.5rem;
  --dash-radius-full: 9999px;
  
  /* Typography */
  --dash-font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --dash-font-serif: 'Playfair Display', Georgia, serif;
  
  /* Transitions */
  --dash-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --dash-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --dash-transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Z-index */
  --dash-z-base: 1;
  --dash-z-dropdown: 100;
  --dash-z-sticky: 200;
  --dash-z-modal: 1000;
  --dash-z-toast: 2000;
}