/* packages/shared/design-tokens.css — BaseLayer Design System */
/* Single source of truth for both web (Astro) and desktop (Tauri) apps */

:root {
  /* ─── Brand Colors ─── */
  --bl-teal-500: #3EB8AD;
  --bl-teal-600: #359A92;
  --bl-teal-700: #1F9A9A;
  --bl-teal-400: #3DBFC7;
  
  --bl-gold-500: #C8983D;
  --bl-gold-400: #DFAF54;
  --bl-gold-600: #b5872f;
  
  --bl-navy-900: #132744;
  --bl-navy-700: #1a3256;
  --bl-navy-600: #26496D;
  --bl-navy-500: #274157;
  
  /* ─── Semantic Colors ─── */
  --bl-bg-page: #f7f4ed;
  --bl-bg-primary: #fbfaf6;
  --bl-bg-card: rgba(255, 255, 255, 0.92);
  --bl-bg-card-solid: #ffffff;
  --bl-bg-hover: rgba(62, 184, 173, 0.06);
  --bl-bg-input: #f9fafb;
  --bl-bg-code: #f3f4f6;
  
  --bl-border: #e7dcc7;
  --bl-border-light: #f0e8d8;
  --bl-border-input: #d1d5db;
  --bl-border-focus: #3EB8AD;
  
  --bl-text-heading: #132744;
  --bl-text-body: #26496D;
  --bl-text-muted: #6B7280;
  --bl-text-faint: #9ca3af;
  
  --bl-success: #059669;
  --bl-success-bg: rgba(47, 169, 164, 0.12);
  --bl-success-border: rgba(47, 169, 164, 0.35);
  --bl-error: #dc2626;
  --bl-error-bg: rgba(239, 68, 68, 0.08);
  --bl-error-border: rgba(239, 68, 68, 0.3);
  --bl-warning-bg: #FEF3C7;
  --bl-warning-border: #F59E0B;
  --bl-warning-text: #92400E;
  
  /* ─── Typography ─── */
  --bl-font-heading: 'Space Grotesk', 'Sora', system-ui, sans-serif;
  --bl-font-body: 'Space Grotesk', system-ui, sans-serif;
  --bl-font-mono: 'SF Mono', Monaco, Inconsolata, monospace;
  
  /* ─── Radii ─── */
  --bl-radius-sm: 0.375rem;
  --bl-radius-md: 0.5rem;
  --bl-radius-lg: 0.75rem;
  --bl-radius-xl: 1rem;
  --bl-radius-full: 9999px;
  
  /* ─── Shadows ─── */
  --bl-shadow-card: 0 4px 24px rgba(19, 39, 68, 0.08);
  --bl-shadow-elevated: 0 8px 32px rgba(19, 39, 68, 0.12);
}