@import url("https://fonts.googleapis.com/css2?family=Afacad:wght@400;500;600;700;800;900&family=IBM+Plex+Sans:wght@400;500;600;700;800&display=swap");

/* Shared public-site and employee-console design tokens. */
:root {
  --bg: #050504;
  --bg-rgb: 5, 5, 4;
  --bg-soft: #74f98e;
  --panel: #242424;
  --panel-solid: #242424;
  --menu-bg: #74f98e;
  --dropdown-bg: #202221;
  --header-bg: #050504;
  --line: transparent;
  --line-strong: transparent;
  --text: #f2f1ec;
  --muted: #d9d9d9;
  --subtle: #6f8f72;
  --accent: #d98f36;
  --accent-rgb: 217, 143, 54;
  --accent-2: #74f98e;
  --accent-2-rgb: 116, 249, 142;
  --warm: #d98f36;
  --warm-rgb: 217, 143, 54;
  --fresh: #74f98e;
  --fresh-rgb: 116, 249, 142;
  --cyan: var(--accent);
  --blue: var(--accent-2);
  --orange: var(--warm);
  --green: var(--fresh);
  --shadow: 0 20px 52px rgba(0, 0, 0, 0.42);
  --frame-shadow: 0 24px 58px rgba(0, 0, 0, 0.46);
  --frame-shadow-soft: 0 16px 38px rgba(0, 0, 0, 0.34);
  --title-font: Afacad, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --body-font: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family: var(--body-font);
}

:root[data-theme="orange"] {
  --bg: #080503;
  --bg-rgb: 8, 5, 3;
  --bg-soft: #15100b;
  --panel: rgba(28, 17, 10, 0.84);
  --panel-solid: #1f150f;
  --menu-bg: rgba(20, 12, 7, 0.98);
  --header-bg: rgba(12, 7, 4, 0.88);
  --line: rgba(255, 210, 177, 0.16);
  --line-strong: rgba(255, 139, 69, 0.38);
  --muted: #c8b6a6;
  --subtle: #9c806d;
  --accent: #ff8b45;
  --accent-rgb: 255, 139, 69;
  --accent-2: #b9431e;
  --accent-2-rgb: 185, 67, 30;
  --warm: #ffb067;
  --warm-rgb: 255, 176, 103;
  --fresh: #d7b06f;
  --fresh-rgb: 215, 176, 111;
}

:root[data-theme="green"] {
  --bg: #030806;
  --bg-rgb: 3, 8, 6;
  --bg-soft: #08140f;
  --panel: rgba(9, 24, 17, 0.84);
  --panel-solid: #0d1d16;
  --menu-bg: rgba(5, 17, 12, 0.98);
  --header-bg: rgba(3, 11, 8, 0.88);
  --line: rgba(190, 255, 220, 0.15);
  --line-strong: rgba(109, 242, 168, 0.36);
  --muted: #aac5b6;
  --subtle: #789685;
  --accent: #6df2a8;
  --accent-rgb: 109, 242, 168;
  --accent-2: #1f8f5e;
  --accent-2-rgb: 31, 143, 94;
  --warm: #d8c978;
  --warm-rgb: 216, 201, 120;
  --fresh: #92f7bd;
  --fresh-rgb: 146, 247, 189;
}

:root[data-theme="orange-green"] {
  --bg: #050704;
  --bg-rgb: 5, 7, 4;
  --bg-soft: #10140c;
  --panel: rgba(15, 23, 13, 0.84);
  --panel-solid: #151e12;
  --menu-bg: rgba(9, 14, 8, 0.98);
  --header-bg: rgba(5, 8, 4, 0.88);
  --line: rgba(224, 255, 207, 0.15);
  --line-strong: rgba(255, 139, 69, 0.36);
  --muted: #bdc7ad;
  --subtle: #899678;
  --accent: #ff8b45;
  --accent-rgb: 255, 139, 69;
  --accent-2: #56d98a;
  --accent-2-rgb: 86, 217, 138;
  --warm: #ffa34f;
  --warm-rgb: 255, 163, 79;
  --fresh: #79f2a2;
  --fresh-rgb: 121, 242, 162;
}

:root[data-theme="tmc"] {
  --bg: #050504;
  --bg-rgb: 5, 5, 4;
  --bg-soft: #74f98e;
  --panel: #242424;
  --panel-solid: #242424;
  --menu-bg: #74f98e;
  --dropdown-bg: #202221;
  --header-bg: #050504;
  --line: transparent;
  --line-strong: transparent;
  --text: #f2f1ec;
  --muted: #d9d9d9;
  --subtle: #6f8f72;
  --accent: #d98f36;
  --accent-rgb: 217, 143, 54;
  --accent-2: #74f98e;
  --accent-2-rgb: 116, 249, 142;
  --warm: #d98f36;
  --warm-rgb: 217, 143, 54;
  --fresh: #74f98e;
  --fresh-rgb: 116, 249, 142;
}