/* TMPED Design Language — design tokens (spec §7) */

:root {
  /* Color */
  --tmped-navy:        #0d2233;
  --tmped-navy-hover:  #1a3a52;
  --tmped-teal:        #2ab4b4;
  --tmped-teal-bg:     #e6f7f7;
  --tmped-green:       #3ecf8e;
  --tmped-bg:          #ffffff;
  --tmped-bg-alt:      #f5f7fa;
  --tmped-text:        #0d2233;
  --tmped-text-muted:  #5a6b7d;
  --tmped-border:      #e1e8ef;
  --tmped-amber:       #f59e0b;
  --tmped-amber-bg:    #fef3c7;
  --tmped-red:         #dc2626;
  --tmped-red-bg:      #fee2e2;
  --tmped-gray-bg:     #e5e7eb;

  /* Typography */
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(13, 34, 51, 0.05);
  --shadow-md: 0 4px 12px rgba(13, 34, 51, 0.08);

  /* Spacing scale (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
}