:root{
  /* Warm paper neutrals — light surface system */
  --bg:#f4f1ea;--bg-2:#ede8df;--surface:#faf7f0;--card:#fffdf6;--paper:#faf7f0;
  --paper-warm:linear-gradient(165deg,#faf7f0 0%,#f4f1ea 48%,#ede8df 100%); /* @kind color */
  --border:rgba(14,17,22,0.09);--border2:rgba(14,17,22,0.18);
  --ink:#0e1116;--text:#0e1116;--text2:#6d737d;--muted:#a9adb3;

  /* Brand + semantic accents */
  --primary:#ff5b2e;--primary-2:#e04a20;--primaryL:#fff1ea;
  --success:#0f7a55;--successL:#e8f5ef;
  --accent-2:#2b4cff;--purple:#2b4cff;--purpleL:#eef0ff;
  --plum:#7c3aed;--plumL:#f3e8ff;
  --warning:#8a6d2e;--warningL:#f5efe0;--gold:#8a6d2e;
  --danger:#dc2626;--dangerL:#fee2e2;

  /* Fixed-dark app chrome (sidebar, deep CTA bands) — same in every theme */
  --sidebar-bg:#0e1116;--sidebar-surface:#141820;--sidebar-border:rgba(255,255,255,0.08);
  --sidebar-text:rgba(250,247,240,0.92);--sidebar-muted:rgba(250,247,240,0.42);
  --sidebar-hover:rgba(255,255,255,0.06);--sidebar-active-bg:rgba(255,91,46,0.14);--sidebar-active-text:#ffb89a;
  --deep:#10131c;--deep-fg:#eef1f8;

  /* Marketing-only extra accents (blue/violet gradient, only used on wecrew.in landing) */
  --marketing-blue:#2b4cff;--marketing-violet:#7c3aed;

  --radius-sm:9px;--radius:11px;--radius-md:14px;--radius-lg:18px;--radius-xl:26px;--radius-pill:999px;
  --shadow-sm:0 1px 4px rgba(14,17,22,0.06),0 4px 16px rgba(14,17,22,0.04);
  --shadow-md:0 4px 20px rgba(14,17,22,0.10);
  --shadow-lg:0 30px 80px -40px rgba(15,17,22,0.45);
}
/* Marketing site supports an optional dark theme (data-landing-theme="dark") */
[data-landing-theme="dark"]{
  --bg:#0e1116;--bg-2:#141820;--card:#1a1f2a;--surface:#141820;--paper:#1a1f2a;
  --border:rgba(255,255,255,0.1);--border2:rgba(255,255,255,0.18);
  --text:#eef1f8;--text2:rgba(238,241,248,0.72);--muted:rgba(238,241,248,0.45);
  --primaryL:rgba(255,91,46,0.16);--successL:rgba(15,122,85,0.18);--warningL:rgba(138,109,46,0.22);
  --marketing-blue:#7d93ff;--marketing-violet:#b489ff;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 18px 42px -22px rgba(0,0,0,.8);--shadow-lg:0 30px 80px -40px rgba(0,0,0,.9);
}