/* Workbench design tokens — the single source of truth for color, shape, motion.
   Change a value here and the whole app follows. Themes only swap tokens. */
:root {
  --wb-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* Surfaces */
  --wb-canvas: #faf9f7;
  --wb-surface: #ffffff;
  --wb-surface-soft: #fefcfa;
  --wb-surface-card: rgba(255, 255, 255, .78);
  --wb-surface-raised: rgba(255, 255, 255, .82);
  --wb-sidebar-bg: linear-gradient(180deg, #fff 0%, #fefcf8 100%);
  --wb-topbar-bg: rgba(254, 252, 250, .86);
  --wb-input-bg: #f8f4ee;

  /* Ink */
  --wb-ink: #171a29;
  --wb-ink-strong: #473f32;
  --wb-ink-hero: #4b3320;
  --wb-muted: #85899a;
  --wb-line: #f2f0ec;
  --wb-line-soft: #f0eae2;
  --wb-line-hover: #f5e5cc;

  /* Brand */
  --wb-accent: #d8943f;
  --wb-accent-strong: #b87525;
  --wb-accent-soft: #fff1df;
  --wb-orange-1: #f3c978;
  --wb-orange-2: #df9b43;
  --wb-orange-3: #b87525;
  --wb-orange-soft: #fff1dc;
  --wb-hover-bg: #fff7eb;

  /* Gradients */
  --wb-gradient-primary: linear-gradient(135deg, #f3c978, #b87525);
  --wb-gradient-hero: linear-gradient(118deg, #fff0dc 0%, #fffaf1 44%, #fff5e8 100%);
  --wb-gradient-ai: linear-gradient(135deg, #fff 0%, #fefdfb 62%, #f1faf6 100%);
  --wb-nav-active-bg: linear-gradient(105deg, #fff0dc, #fdfaf6);

  /* Semantic */
  --wb-success: #369a79;
  --wb-warning: #bc8d31;
  --wb-danger: #bd6069;
  --wb-info: #4389d3;
  --wb-info-soft: #edf6ff;
  --wb-pilot-ink: #4c5665;

  /* Shape */
  --wb-radius-xs: 10px;
  --wb-radius-sm: 14px;
  --wb-module-radius: 18px;
  --wb-module-padding: 20px;
  --wb-module-gap: 12px;

  /* Elevation */
  --wb-module-border: 1px solid rgba(240, 236, 229, .92);
  --wb-module-shadow: 0 5px 22px rgba(72, 59, 39, .045);
  --wb-shadow-card: 0 7px 24px rgba(119, 93, 54, .045);
  --wb-shadow-hover: 0 10px 28px rgba(173, 133, 74, .09);
  --wb-shadow-hero: 0 12px 32px rgba(168, 130, 73, .055);

  /* Focus & motion */
  --wb-focus-ring: rgba(216, 148, 63, .35);
  --wb-motion-fast: 140ms;
  --wb-motion-normal: 220ms;
}

/* Legacy aliases live in base.css — they must load after app.css. */

/* Theme: quiet green */
[data-wb-theme="quiet-green"] {
  --wb-accent: #4d9b82;
  --wb-accent-strong: #367e68;
  --wb-accent-soft: #edf8f3;
  --wb-orange-1: #8fc7b4;
  --wb-orange-2: #4d9b82;
  --wb-orange-3: #367e68;
  --wb-orange-soft: #edf8f3;
  --wb-gradient-primary: linear-gradient(135deg, #8fc7b4, #367e68);
  --wb-gradient-hero: linear-gradient(118deg, #eef8f3 0%, #fbfdfc 44%, #f2faf6 100%);
  --wb-nav-active-bg: linear-gradient(105deg, #edf8f3, #fdfefe);
  --wb-hover-bg: #f1faf6;
  --wb-focus-ring: rgba(77, 155, 130, .35);
}

/* Theme: warm sand */
[data-wb-theme="warm-sand"] {
  --wb-canvas: #fbf8f2;
  --wb-surface-soft: #fffaf1;
  --wb-accent: #ba8960;
  --wb-accent-strong: #976b49;
  --wb-accent-soft: #fff3e7;
  --wb-orange-1: #ddb894;
  --wb-orange-2: #ba8960;
  --wb-orange-3: #976b49;
  --wb-orange-soft: #fff3e7;
  --wb-gradient-primary: linear-gradient(135deg, #ddb894, #976b49);
  --wb-gradient-hero: linear-gradient(118deg, #fdf3e6 0%, #fffbf4 44%, #f8f0e4 100%);
  --wb-focus-ring: rgba(186, 137, 96, .35);
}

/* Theme: night (kept warm, not blue-black) */
[data-wb-theme="night-garden"],
[data-wb-theme="night"] {
  --wb-canvas: #1b1815;
  --wb-surface: #262220;
  --wb-surface-soft: #2d2825;
  --wb-surface-card: #262220;
  --wb-surface-raised: #2b2724;
  --wb-sidebar-bg: linear-gradient(180deg, #262220, #1f1c1a);
  --wb-topbar-bg: rgba(31, 28, 26, .92);
  --wb-input-bg: #221f1c;
  --wb-ink: #fbf8f3;
  --wb-ink-strong: #f2ece2;
  --wb-ink-hero: #fbf8f3;
  --wb-muted: #b6ada2;
  --wb-line: #443a30;
  --wb-line-soft: #3d342c;
  --wb-line-hover: #c7893b;
  --wb-accent: #e0a04d;
  --wb-accent-strong: #f0bd71;
  --wb-accent-soft: #4a3420;
  --wb-orange-1: #edb35f;
  --wb-orange-2: #e0a04d;
  --wb-orange-3: #f0bd71;
  --wb-orange-soft: #4a3420;
  --wb-hover-bg: #3a3023;
  --wb-gradient-primary: linear-gradient(135deg, #edb35f, #b87525);
  --wb-gradient-hero: linear-gradient(118deg, #3a3229, #2e2823 48%, #322b24);
  --wb-gradient-ai: linear-gradient(135deg, #2b2621, #383229 62%, #2a2a24);
  --wb-nav-active-bg: #3a3023;
  --wb-module-shadow: 0 8px 28px rgba(0, 0, 0, .22);
  --wb-shadow-card: 0 8px 28px rgba(0, 0, 0, .18);
  --wb-shadow-hover: 0 10px 30px rgba(0, 0, 0, .28);
  --wb-shadow-hero: 0 12px 32px rgba(0, 0, 0, .3);
  --wb-module-border: 1px solid #443a30;
  --wb-focus-ring: rgba(224, 160, 77, .4);
  --wb-pilot-ink: #d8d3ca;
}