/* UrgentFlow Design Tokens — dark theme (default) */
:root,
[data-theme="dark"] {
  /* ---- Backgrounds ---- */
  --uf-bg:       #0c0c0b;
  --uf-surface:  #141413;
  --uf-card:     #1c1c1a;

  /* ---- Foreground ---- */
  --uf-fg1:      #f0ede8;
  --uf-fg2:      #8a8680;
  --uf-fg3:      #4a4844;

  /* ---- Borders ---- */
  --uf-border:        rgba(255, 255, 255, 0.08);
  --uf-border-strong: rgba(255, 255, 255, 0.15);
  --uf-text-muted:    #8a8680;

  /* ---- Accent — warm terracotta ---- */
  --uf-accent-strong: #d97757;
  --uf-on-accent:     #ffffff;

  /* ---- Radii ---- */
  --uf-radius-sm: 6px;
  --uf-radius-md: 8px;
  --uf-radius-lg: 12px;

  /* ---- Shadows ---- */
  --uf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --uf-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04);
  --uf-shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05);

  /* ---- Typography ---- */
  --uf-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --uf-fs-body:   14px;
}

[data-theme="light"] {
  --uf-bg:       #fafaf9;
  --uf-surface:  #ffffff;
  --uf-card:     #f4f3f0;

  --uf-fg1:      #1a1a18;
  --uf-fg2:      #595955;
  --uf-fg3:      #b0ada8;

  --uf-border:        rgba(0, 0, 0, 0.08);
  --uf-border-strong: rgba(0, 0, 0, 0.16);
  --uf-text-muted:    #595955;

  --uf-accent-strong: #c85f3a;
  --uf-on-accent:     #ffffff;

  --uf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --uf-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.12);
  --uf-shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.15);
}