:root{
  --wl-font-sans:'Inter',sans-serif;

  --wl-color-page:#f6f5f2;
  --wl-color-panel:#f8f7f4;
  --wl-color-surface:#ffffff;
  --wl-color-surface-muted:#efede8;
  --wl-color-surface-soft:#f2f0eb;
  --wl-color-hover:#f3f1ec;
  --wl-color-sidebar-hover:#ece8df;

  --wl-color-text:#1c2b22;
  --wl-color-text-strong:#1d2c22;
  --wl-color-text-muted:#767b75;
  --wl-color-text-subtle:#7d817b;
  --wl-color-text-soft:#777777;
  --wl-color-text-tertiary:#666666;
  --wl-color-text-secondary:#46524a;
  --wl-color-action-text:#3f4b42;

  --wl-color-primary:#2e5f3d;
  --wl-color-primary-dark:#23452e;
  --wl-color-primary-mid:#294632;
  --wl-color-primary-light:#355f3f;
  --wl-color-primary-soft:#eef5ef;
  --wl-color-primary-soft-hover:#dfe9e1;

  --wl-color-border:#ebe7df;
  --wl-color-border-strong:#e5e2da;
  --wl-color-border-muted:#ece9e3;
  --wl-color-border-soft:#f0ede7;
  --wl-color-divider:#e2dfd7;

  --wl-color-white:#ffffff;
  --wl-color-shadow:rgba(0,0,0,0.08);
  --wl-color-shadow-strong:rgba(0,0,0,0.22);
  --wl-color-overlay:rgba(10,16,12,0.45);

  --wl-gradient-primary:linear-gradient(90deg,var(--wl-color-primary-dark),var(--wl-color-primary-light));

  --wl-radius-control:12px;
  --wl-radius-input:16px;
  --wl-radius-pill:18px;
  --wl-radius-card:22px;
  --wl-radius-modal:24px;
  --wl-radius-round:50%;

  --wl-shadow-dropdown:0 10px 40px var(--wl-color-shadow);
  --wl-shadow-modal:0 28px 80px var(--wl-color-shadow-strong);

  --wl-transition-fast:0.2s ease;
}