/* HUMDESIGN Phase 2. Presentation tokens only. */
:root {
  color-scheme: light;

  --hd-bg: #faf8f4;
  --hd-surface: #ffffff;
  --hd-surface-soft: #f5f1ea;
  --hd-surface-warm: #efe7da;
  --hd-text: #1d1d1b;
  --hd-text-2: #5f5d58;
  --hd-text-3: #8c8982;
  --hd-border: #e6e0d7;
  --hd-border-strong: #d4ccc0;
  --hd-accent: #b88945;
  --hd-accent-hover: #9e7436;
  --hd-accent-soft: #f4e8d4;
  --hd-coral: #ec6c63;
  --hd-green: #6e8b69;
  --hd-blue: #6e8fb8;
  --hd-purple: #9a759c;
  --hd-orange: #d88a44;
  --hd-teal: #5f9492;
  --hd-danger: #c94b45;
  --hd-success: #4f7c58;
  --hd-warning: #b47b2d;
  --hd-focus: #8aade0;

  --hd-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --hd-radius-xs: 6px;
  --hd-radius-sm: 10px;
  --hd-radius-md: 14px;
  --hd-radius-lg: 20px;
  --hd-radius-xl: 28px;
  --hd-radius-pill: 999px;
  --hd-shadow-card: 0 1px 2px rgb(24 20 14 / 4%), 0 8px 24px rgb(24 20 14 / 4%);
  --hd-shadow-floating: 0 12px 40px rgb(24 20 14 / 12%);
  --hd-ease: cubic-bezier(.2, .8, .2, 1);
  --hd-fast: 120ms;
  --hd-standard: 200ms;
  --hd-slow: 280ms;
}