:root,
.warmink-theme {
  color-scheme: light;

  /* Brand and emphasis */
  --warmink-forest-900: #14332a;
  --warmink-forest-700: #1f4a38;
  --warmink-terracotta: #d9612f;
  --warmink-terracotta-text: #2a120a;
  --warmink-gold: #f2c230;
  --warmink-success: #5fd39b;

  /* Surfaces */
  --warmink-canvas: #f2efe5;
  --warmink-surface: #ffffff;
  --warmink-surface-subtle: #f7f5ec;
  --warmink-surface-selected: #e2e8de;
  --warmink-surface-muted: #edebe1;

  /* Borders and text */
  --warmink-border: #e3ddce;
  --warmink-border-strong: #ddd7c8;
  --warmink-text: #171a17;
  --warmink-text-secondary: #5a625c;
  --warmink-text-muted: #8c8f86;
  --warmink-text-inverse: #f5f2e8;
  --warmink-nav-muted: #a3baae;
  --warmink-nav-dim: #5e7c6e;
  --warmink-date-on-dark: #8fbfa6;

  /* Typography */
  --warmink-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --warmink-font-serif: "Noto Serif SC", "Songti SC", STSong, serif;
  --warmink-font-mono: "IBM Plex Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Radius */
  --warmink-radius-xs: 6px;
  --warmink-radius-sm: 8px;
  --warmink-radius-control: 10px;
  --warmink-radius-card: 12px;
  --warmink-radius-panel: 14px;
  --warmink-radius-shell: 16px;
  --warmink-radius-pill: 999px;

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

  /* Elevation and motion */
  --warmink-shadow-soft: 0 8px 24px rgb(20 51 42 / 8%);
  --warmink-shadow-float: 0 18px 44px rgb(20 51 42 / 14%);
  --warmink-focus-ring: 0 0 0 3px rgb(31 74 56 / 18%);
  --warmink-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --warmink-duration: 180ms;
}