/* Curatio workspace tokens. Shared by the admin SPA and server-rendered account pages. */
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter-latin-ext-variable.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter-latin-variable.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono Variable";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("/static/fonts/jetbrains-mono-latin-variable.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  color-scheme: light;
  --ws-font-ui: "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ws-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --ws-canvas: #f7f7f4;
  --ws-surface: #ffffff;
  --ws-surface-raised: #ffffff;
  --ws-surface-muted: #f2f3ef;
  --ws-surface-hover: #f6f4ef;
  --ws-text: #232a25;
  --ws-text-strong: #171d19;
  --ws-muted: #65716a;
  --ws-text-inverse: #ffffff;
  --ws-border: #dde3dc;
  --ws-border-strong: #bfc9bf;
  --ws-accent: #b95025;
  --ws-accent-hover: #9e3f1c;
  --ws-accent-soft: #fbede4;
  --ws-accent-contrast: #ffffff;
  --ws-focus: #b95025;
  --ws-danger: #a83d3b;
  --ws-danger-soft: #fff0ee;
  --ws-success: #26704b;
  --ws-success-soft: #e9f5ed;
  --ws-warning: #966017;
  --ws-warning-soft: #fff4df;
  --ws-backdrop: rgb(25 31 26 / 48%);
  --ws-radius-control: 8px;
  --ws-radius-card: 12px;
  --ws-radius-panel: 16px;
  --ws-shadow-card: 0 1px 3px rgb(28 39 29 / 5%), 0 12px 36px rgb(28 39 29 / 5%);
  --ws-shadow-overlay: 0 24px 64px rgb(22 30 23 / 18%);
  --ws-motion-fast: 150ms;
  --ws-motion-base: 200ms;
  --ws-sidebar-width: 240px;
  --ws-control-height: 38px;
  --ws-space-1: 4px;
  --ws-space-2: 8px;
  --ws-space-3: 12px;
  --ws-space-4: 16px;
  --ws-space-6: 24px;
  --ws-space-8: 32px;
  --ws-space-10: 40px;

  /* Compatibility for the existing server-rendered login markup. */
  --curatio-canvas: var(--ws-canvas);
  --curatio-ink: var(--ws-text);
  --curatio-muted: var(--ws-muted);
  --curatio-line: var(--ws-border);
  --curatio-panel: var(--ws-surface);
  --curatio-focus: var(--ws-focus);
  --curatio-danger: var(--ws-danger);
  --curatio-success: var(--ws-success);
  --curatio-radius: var(--ws-radius-card);
  --curatio-shadow: var(--ws-shadow-card);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ws-canvas: #121815;
    --ws-surface: #1b231e;
    --ws-surface-raised: #222c25;
    --ws-surface-muted: #202923;
    --ws-surface-hover: #2a342c;
    --ws-text: #e9eee8;
    --ws-text-strong: #f7f9f5;
    --ws-muted: #a8b5a9;
    --ws-text-inverse: #171b16;
    --ws-border: #364139;
    --ws-border-strong: #526154;
    --ws-accent: #ee9a60;
    --ws-accent-hover: #ffb17b;
    --ws-accent-soft: #3b2d23;
    --ws-accent-contrast: #26170e;
    --ws-focus: #f5aa70;
    --ws-danger: #f18e87;
    --ws-danger-soft: #3c2627;
    --ws-success: #83d6a0;
    --ws-success-soft: #213a2b;
    --ws-warning: #e8ba68;
    --ws-warning-soft: #392f21;
    --ws-backdrop: rgb(0 0 0 / 65%);
    --ws-shadow-card: 0 1px 3px rgb(0 0 0 / 16%), 0 14px 38px rgb(0 0 0 / 14%);
    --ws-shadow-overlay: 0 24px 64px rgb(0 0 0 / 46%);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ws-canvas: #121815;
  --ws-surface: #1b231e;
  --ws-surface-raised: #222c25;
  --ws-surface-muted: #202923;
  --ws-surface-hover: #2a342c;
  --ws-text: #e9eee8;
  --ws-text-strong: #f7f9f5;
  --ws-muted: #a8b5a9;
  --ws-text-inverse: #171b16;
  --ws-border: #364139;
  --ws-border-strong: #526154;
  --ws-accent: #ee9a60;
  --ws-accent-hover: #ffb17b;
  --ws-accent-soft: #3b2d23;
  --ws-accent-contrast: #26170e;
  --ws-focus: #f5aa70;
  --ws-danger: #f18e87;
  --ws-danger-soft: #3c2627;
  --ws-success: #83d6a0;
  --ws-success-soft: #213a2b;
  --ws-warning: #e8ba68;
  --ws-warning-soft: #392f21;
  --ws-backdrop: rgb(0 0 0 / 65%);
  --ws-shadow-card: 0 1px 3px rgb(0 0 0 / 16%), 0 14px 38px rgb(0 0 0 / 14%);
  --ws-shadow-overlay: 0 24px 64px rgb(0 0 0 / 46%);
}

@media (prefers-reduced-motion: reduce) {
  :root { --ws-motion-fast: 0ms; --ws-motion-base: 0ms; }
}