/*
 * DeskLeaf — shared design tokens. One file every area's stylesheet loads
 * first, so a palette/spacing change happens once instead of once per area.
 */

:root {
  --dl-bg: #F8FAFC;
  --dl-surface: #FFFFFF;
  --dl-surface-alt: #F1F5F9;
  --dl-text: #0F172A;
  --dl-text-muted: #64748B;
  --dl-text-faint: #94A3B8;
  --dl-border: #E2E8F0;
  --dl-brand: #0F172A;
  --dl-brand-hover: #1E293B;
  --dl-accent: #16A34A;
  --dl-accent-soft: #DCFCE7;
  --dl-danger: #DC2626;

  --dl-radius-sm: 6px;
  --dl-radius: 10px;
  --dl-radius-lg: 16px;

  --dl-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --dl-shadow: 0 4px 16px rgba(15, 23, 42, .08);
  --dl-shadow-lg: 0 16px 48px rgba(15, 23, 42, .12);

  --dl-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, system-ui, sans-serif;

  --dl-max: 1120px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--dl-font);
  color: var(--dl-text);
  background: var(--dl-bg);
  -webkit-font-smoothing: antialiased;
}