:root {
  /* Accent */
  --accent-iris: #b9a07e;
  --accent-iris-deep: #a08963;
  --accent-emerald: #33d6a6;
  --accent-emerald-deep: #149e78;
  --accent-ember: #ff8a4c;

  /* Neutrals */
  --color-void: #08080c;
  --color-carbon: #0e0e14;
  --color-graphite: #15151d;
  --color-hairline: #24242e;
  --color-hairline-strong: #33333f;
  --color-slate: #7c7c8c;
  --color-ash: #a6a6b6;
  --color-chalk: #ececf1;
  --color-dim: #4a4a58;

  /* Semantic */
  --status-online: #33d6a6;
  --status-caution: #ff8a4c;

  /* Page-type variants */
  --color-table-meta: #6e6e80;
  --color-inactive: #4f4f5e;
  --color-row-wash: #101018;
  --color-insight: #1a1630;
  --color-reverse: #f2f2f7;
  --color-syntax-warm: #ffb38a;
  --color-syntax-cool: #9e92ff;

  /* Accent tints */
  --iris-08: rgba(185, 160, 126, 0.08);
  --iris-14: rgba(185, 160, 126, 0.14);
  --iris-22: rgba(185, 160, 126, 0.22);
  --iris-35: rgba(185, 160, 126, 0.35);
  --iris-55: rgba(185, 160, 126, 0.55);
  --emerald-08: rgba(51, 214, 166, 0.08);
  --emerald-18: rgba(51, 214, 166, 0.18);

  /* Type */
  --font-sans: "Inter", "Roboto", "Segoe UI", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display: "Space Grotesk", "Inter", sans-serif;

  /* Layout */
  --shell: 1440px;
  --gutter: 24px;
  --header-h: 64px;

  /* Radius */
  --radius-pill: 9999px;
  --radius-nav: 6px;
  --radius-panel: 2px;
  --radius-chip: 8px;
  --radius-window: 12px;

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
}