:root {
  --as-ink: #0f172a;
  --as-ink-2: #1e293b;
  --as-muted: #475569;
  --as-paper: #f8fafc;
  --as-surface: #ffffff;
  --as-line: #e2e8f0;
  --as-brand: #0f2942;
  --as-brand-ink: #0c2340;
  --as-brand-hover: #1e3a5f;
  --as-star: #d97706;
  --as-accent: #d97706;
  --as-focus: #2563eb;

  /* Sector accents */
  --as-accent-health: #0d9488;
  --as-accent-law: #1e3a5f;
  --as-accent-trade: #b45309;
  --as-accent-life: #7c3aed;
  --as-accent-food: #c2410c;
  --as-accent-family: #0284c7;

  /* Radii & Shadows */
  --as-radius-card: 12px;
  --as-radius-chip: 999px;
  --as-shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
  --as-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .06);
  --as-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);

  /* Spacing */
  --as-space-1: 4px;
  --as-space-2: 8px;
  --as-space-3: 12px;
  --as-space-4: 16px;
  --as-space-5: 24px;
  --as-space-6: 32px;
  --as-space-7: 48px;
  --as-space-8: 64px;

  /* Widths */
  --as-width-content: 1180px;
  --as-width-reading: 68ch;

  /* Typography */
  --as-font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --as-font-body: 'Work Sans', system-ui, -apple-system, sans-serif;
}
