:root {
  --cx-bg: #ffffff;
  --cx-tile: #ffffff;
  --cx-surface: #f4f5f2;
  --cx-ink: #1d2433;
  --cx-muted: #5b6475;
  --cx-line: #e2e5e9;
  --cx-field: #8a93a3;
}
@media (prefers-color-scheme: dark) {
  :root {
    --cx-bg: #111620;
    --cx-surface: #1a2130;
    --cx-tile: #1d2433;
    --cx-ink: #eef1f5;
    --cx-muted: #9aa3b5;
    --cx-line: #2a3345;
    --cx-field: #6b7488;
  }
}

/* product accent: set one block per site */
.cx-core { --cx-accent: #0e7f3f; --cx-accent-live: #12a150; }
@media (prefers-color-scheme: dark) { .cx-core { --cx-accent: #2fc06b; --cx-accent-live: #2fc06b; } }
.cx-cortex { --cx-accent: #7342e6; --cx-accent-live: #8b5cf6; }
@media (prefers-color-scheme: dark) { .cx-cortex { --cx-accent: #b39dff; --cx-accent-live: #b39dff; } }
.cx-memex { --cx-accent: #c8255f; --cx-accent-live: #e8457f; }
@media (prefers-color-scheme: dark) { .cx-memex { --cx-accent: #f07fa8; --cx-accent-live: #f07fa8; } }
.cx-forge { --cx-accent: #b44a12; --cx-accent-live: #e8641c; }
@media (prefers-color-scheme: dark) { .cx-forge { --cx-accent: #ff8a3d; --cx-accent-live: #ff8a3d; } }
.cx-sidrena { --cx-accent: #0b7499; --cx-accent-live: #0e9fcf; }
@media (prefers-color-scheme: dark) { .cx-sidrena { --cx-accent: #3cc4f0; --cx-accent-live: #3cc4f0; } }