/* Generated from tokens.json by tools/build-tokens.mjs. Do not edit by hand. */

/* Fonts: Manrope and JetBrains Mono. Self-host the woff2 files: the console's CSP blocks external hosts. packages/webui already serves Manrope 400-700; weight 800 and JetBrains Mono 400/500/700 still need adding (or drop 800 and use 700). The design preview loads both from Google Fonts only because it is a standalone page. */

:root {
  --font: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --r: 6px;
  --r-lg: 10px;
  --r-table: 8px;
  --pad: 16px;
  --gap: 12px;
}

/* Harbor: the default palette */

:root {
  --canvas: #f3f5f7;
  --surface: #ffffff;
  --raised: #e6eaef;
  --line: #ced5df;
  --border: #636e7e;
  --text: #434d5b;
  --muted: #5e6978;
  --action: #2266bf;
  --onAction: #ffffff;
  --accent: #8d5e20;
  --focus: #2266bf;
  --success: #287658;
  --warning: #8f5c19;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #12161c;
    --surface: #1c232b;
    --raised: #28323e;
    --line: #384556;
    --border: #a4acb7;
    --text: #b9c1cb;
    --muted: #a4acb7;
    --action: #74a6e7;
    --onAction: #10141a;
    --accent: #e1b47a;
    --focus: #74a6e7;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e37d78;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-mode="dark"] {
  --canvas: #12161c;
  --surface: #1c232b;
  --raised: #28323e;
  --line: #384556;
  --border: #a4acb7;
  --text: #b9c1cb;
  --muted: #a4acb7;
  --action: #74a6e7;
  --onAction: #10141a;
  --accent: #e1b47a;
  --focus: #74a6e7;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e37d78;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-mode="dim"] {
  --canvas: #242d38;
  --surface: #2e3947;
  --raised: #384556;
  --line: #47576c;
  --border: #a4acb7;
  --text: #d6dbe1;
  --muted: #a9b1bc;
  --action: #8ab4ea;
  --onAction: #10141a;
  --accent: #e1b47a;
  --focus: #8ab4ea;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #ea9d99;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

/* Carmine */

:root[data-palette="carmine"] {
  --canvas: #f7f3f3;
  --surface: #ffffff;
  --raised: #efe7e8;
  --line: #deced1;
  --border: #7e6367;
  --text: #5e4549;
  --muted: #7b6065;
  --action: #b92740;
  --onAction: #ffffff;
  --accent: #2e706c;
  --focus: #b92740;
  --success: #287658;
  --warning: #8f5c19;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="carmine"]:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #1b1214;
    --surface: #2b1d1f;
    --raised: #3d292c;
    --line: #55393e;
    --border: #b7a4a7;
    --text: #c9b6b9;
    --muted: #b7a4a7;
    --action: #e2788a;
    --onAction: #10141a;
    --accent: #8bd0cb;
    --focus: #e2788a;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e37d78;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-palette="carmine"][data-mode="dark"] {
  --canvas: #1b1214;
  --surface: #2b1d1f;
  --raised: #3d292c;
  --line: #55393e;
  --border: #b7a4a7;
  --text: #c9b6b9;
  --muted: #b7a4a7;
  --action: #e2788a;
  --onAction: #10141a;
  --accent: #8bd0cb;
  --focus: #e2788a;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e37d78;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-palette="carmine"][data-mode="dim"] {
  --canvas: #372528;
  --surface: #462f33;
  --raised: #55393e;
  --line: #6b484e;
  --border: #b7a4a7;
  --text: #ded3d5;
  --muted: #bca9ac;
  --action: #e996a4;
  --onAction: #10141a;
  --accent: #8bd0cb;
  --focus: #e996a4;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e99995;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

/* Atlantic */

:root[data-palette="atlantic"] {
  --canvas: #f3f6f7;
  --surface: #ffffff;
  --raised: #e6ecef;
  --line: #cdd9df;
  --border: #63757e;
  --text: #3f4e55;
  --muted: #5c6d75;
  --action: #19719a;
  --onAction: #ffffff;
  --accent: #257467;
  --focus: #19719a;
  --success: #287658;
  --warning: #935f1a;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="atlantic"]:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #12191c;
    --surface: #1c272b;
    --raised: #28373e;
    --line: #384d57;
    --border: #a4b1b7;
    --text: #bcc8cd;
    --muted: #a4b1b7;
    --action: #73c3e8;
    --onAction: #10141a;
    --accent: #83d8ca;
    --focus: #73c3e8;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e4817c;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-palette="atlantic"][data-mode="dark"] {
  --canvas: #12191c;
  --surface: #1c272b;
  --raised: #28373e;
  --line: #384d57;
  --border: #a4b1b7;
  --text: #bcc8cd;
  --muted: #a4b1b7;
  --action: #73c3e8;
  --onAction: #10141a;
  --accent: #83d8ca;
  --focus: #73c3e8;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e4817c;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-palette="atlantic"][data-mode="dim"] {
  --canvas: #243238;
  --surface: #2e3f47;
  --raised: #384d57;
  --line: #46606d;
  --border: #a4b1b7;
  --text: #e2e7e9;
  --muted: #afbbc0;
  --action: #73c3e8;
  --onAction: #10141a;
  --accent: #83d8ca;
  --focus: #73c3e8;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #edaaa6;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

/* Terracotta */

:root[data-palette="terracotta"] {
  --canvas: #f7f4f3;
  --surface: #ffffff;
  --raised: #eee9e7;
  --line: #ded3cf;
  --border: #7e6b63;
  --text: #584841;
  --muted: #78665e;
  --action: #a74f2a;
  --onAction: #ffffff;
  --accent: #356f88;
  --focus: #a74f2a;
  --success: #287658;
  --warning: #8f5c19;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="terracotta"]:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #1b1513;
    --surface: #2a211d;
    --raised: #3c2f2a;
    --line: #54423b;
    --border: #b7a9a4;
    --text: #cbbeb9;
    --muted: #b7a9a4;
    --action: #de9a7c;
    --onAction: #10141a;
    --accent: #89bcd1;
    --focus: #de9a7c;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e37d78;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-palette="terracotta"][data-mode="dark"] {
  --canvas: #1b1513;
  --surface: #2a211d;
  --raised: #3c2f2a;
  --line: #54423b;
  --border: #b7a9a4;
  --text: #cbbeb9;
  --muted: #b7a9a4;
  --action: #de9a7c;
  --onAction: #10141a;
  --accent: #89bcd1;
  --focus: #de9a7c;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e37d78;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-palette="terracotta"][data-mode="dim"] {
  --canvas: #362b26;
  --surface: #453630;
  --raised: #54423b;
  --line: #695349;
  --border: #b7a9a4;
  --text: #e5dfdc;
  --muted: #beb2ac;
  --action: #e2a68d;
  --onAction: #10141a;
  --accent: #89bcd1;
  --focus: #e2a68d;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #eba29e;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

/* Aubergine */

:root[data-palette="aubergine"] {
  --canvas: #f5f4f6;
  --surface: #ffffff;
  --raised: #ece8ed;
  --line: #d9d2db;
  --border: #78637e;
  --text: #59455e;
  --muted: #75607b;
  --action: #88469b;
  --onAction: #ffffff;
  --accent: #77672c;
  --focus: #88469b;
  --success: #287658;
  --warning: #8f5c19;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="aubergine"]:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #18141a;
    --surface: #262028;
    --raised: #362d39;
    --line: #4c3f50;
    --border: #b3a4b7;
    --text: #c7b9cb;
    --muted: #b3a4b7;
    --action: #bf8ecc;
    --onAction: #10141a;
    --accent: #d3c388;
    --focus: #bf8ecc;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e37d78;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-palette="aubergine"][data-mode="dark"] {
  --canvas: #18141a;
  --surface: #262028;
  --raised: #362d39;
  --line: #4c3f50;
  --border: #b3a4b7;
  --text: #c7b9cb;
  --muted: #b3a4b7;
  --action: #bf8ecc;
  --onAction: #10141a;
  --accent: #d3c388;
  --focus: #bf8ecc;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e37d78;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-palette="aubergine"][data-mode="dim"] {
  --canvas: #312933;
  --surface: #3e3441;
  --raised: #4c3f50;
  --line: #5f4f63;
  --border: #b3a4b7;
  --text: #e1d9e3;
  --muted: #baacbe;
  --action: #cba4d6;
  --onAction: #10141a;
  --accent: #d3c388;
  --focus: #cba4d6;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #ea9d99;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

/* Mineral */

:root[data-palette="mineral"] {
  --canvas: #f3f6f6;
  --surface: #ffffff;
  --raised: #e8eded;
  --line: #d0dcda;
  --border: #637e7a;
  --text: #3d524f;
  --muted: #586f6c;
  --action: #2a7469;
  --onAction: #ffffff;
  --accent: #9f414f;
  --focus: #2a7469;
  --success: #287658;
  --warning: #935f1a;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="mineral"]:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #141a19;
    --surface: #1f2927;
    --raised: #2c3a38;
    --line: #3d514e;
    --border: #a4b7b4;
    --text: #b9cbc8;
    --muted: #a4b7b4;
    --action: #87d4c8;
    --onAction: #10141a;
    --accent: #d18f99;
    --focus: #87d4c8;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e58580;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-palette="mineral"][data-mode="dark"] {
  --canvas: #141a19;
  --surface: #1f2927;
  --raised: #2c3a38;
  --line: #3d514e;
  --border: #a4b7b4;
  --text: #b9cbc8;
  --muted: #a4b7b4;
  --action: #87d4c8;
  --onAction: #10141a;
  --accent: #d18f99;
  --focus: #87d4c8;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e58580;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-palette="mineral"][data-mode="dim"] {
  --canvas: #273432;
  --surface: #324340;
  --raised: #3d514e;
  --line: #4d6662;
  --border: #a4b7b4;
  --text: #e5ebea;
  --muted: #b2c2c0;
  --action: #87d4c8;
  --onAction: #10141a;
  --accent: #e0b3ba;
  --focus: #87d4c8;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #eeaeaa;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

/* Cobalt */

:root[data-palette="cobalt"] {
  --canvas: #f3f3f7;
  --surface: #ffffff;
  --raised: #e6e8ef;
  --line: #cdd1df;
  --border: #63687e;
  --text: #454a5e;
  --muted: #60657b;
  --action: #1c3bc4;
  --onAction: #ffffff;
  --accent: #79671b;
  --focus: #1c3bc4;
  --success: #277255;
  --warning: #8f5c19;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="cobalt"]:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #12141c;
    --surface: #1c1f2c;
    --raised: #282c3e;
    --line: #383d57;
    --border: #a4a7b7;
    --text: #b6b9c9;
    --muted: #a4a7b7;
    --action: #798eec;
    --onAction: #10141a;
    --accent: #e1ce7a;
    --focus: #798eec;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e37d78;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-palette="cobalt"][data-mode="dark"] {
  --canvas: #12141c;
  --surface: #1c1f2c;
  --raised: #282c3e;
  --line: #383d57;
  --border: #a4a7b7;
  --text: #b6b9c9;
  --muted: #a4a7b7;
  --action: #798eec;
  --onAction: #10141a;
  --accent: #e1ce7a;
  --focus: #798eec;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e37d78;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-palette="cobalt"][data-mode="dim"] {
  --canvas: #242838;
  --surface: #2e3248;
  --raised: #383d57;
  --line: #464d6d;
  --border: #a4a7b7;
  --text: #d0d2dc;
  --muted: #a6aab9;
  --action: #94a5f0;
  --onAction: #10141a;
  --accent: #e1ce7a;
  --focus: #94a5f0;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e89591;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

/* Rosewood */

:root[data-palette="rosewood"] {
  --canvas: #f6f3f5;
  --surface: #ffffff;
  --raised: #ede8eb;
  --line: #dcd0d6;
  --border: #7e6371;
  --text: #5e4552;
  --muted: #7b606e;
  --action: #a53b72;
  --onAction: #ffffff;
  --accent: #416c95;
  --focus: #a53b72;
  --success: #287658;
  --warning: #8f5c19;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="rosewood"]:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #1a1417;
    --surface: #291f24;
    --raised: #3a2c33;
    --line: #513d48;
    --border: #b7a4ae;
    --text: #cbb9c2;
    --muted: #b7a4ae;
    --action: #d487af;
    --onAction: #10141a;
    --accent: #8eaecd;
    --focus: #d487af;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e37d78;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-palette="rosewood"][data-mode="dark"] {
  --canvas: #1a1417;
  --surface: #291f24;
  --raised: #3a2c33;
  --line: #513d48;
  --border: #b7a4ae;
  --text: #cbb9c2;
  --muted: #b7a4ae;
  --action: #d487af;
  --onAction: #10141a;
  --accent: #8eaecd;
  --focus: #d487af;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e37d78;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-palette="rosewood"][data-mode="dim"] {
  --canvas: #34272e;
  --surface: #43323b;
  --raised: #513d48;
  --line: #664d5a;
  --border: #b7a4ae;
  --text: #e1d6db;
  --muted: #beacb5;
  --action: #dc9ebe;
  --onAction: #10141a;
  --accent: #95b3d0;
  --focus: #dc9ebe;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #ea9d99;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

/* Graphite */

:root[data-palette="graphite"] {
  --canvas: #f5f5f5;
  --surface: #ffffff;
  --raised: #eaeaeb;
  --line: #d5d6d7;
  --border: #636e7e;
  --text: #434d5b;
  --muted: #5e6978;
  --action: #616975;
  --onAction: #ffffff;
  --accent: #5e6978;
  --focus: #616975;
  --success: #287658;
  --warning: #8f5c19;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="graphite"]:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #161718;
    --surface: #232425;
    --raised: #323334;
    --line: #454749;
    --border: #a4abb7;
    --text: #bcc3cd;
    --muted: #a4abb7;
    --action: #a6acb5;
    --onAction: #10141a;
    --accent: #a4abb7;
    --focus: #a6acb5;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e37d78;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-palette="graphite"][data-mode="dark"] {
  --canvas: #161718;
  --surface: #232425;
  --raised: #323334;
  --line: #454749;
  --border: #a4abb7;
  --text: #bcc3cd;
  --muted: #a4abb7;
  --action: #a6acb5;
  --onAction: #10141a;
  --accent: #a4abb7;
  --focus: #a6acb5;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e37d78;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-palette="graphite"][data-mode="dim"] {
  --canvas: #2d2e2f;
  --surface: #393a3c;
  --raised: #454749;
  --line: #57595c;
  --border: #a4abb7;
  --text: #dfe2e7;
  --muted: #afb6c0;
  --action: #b1b6be;
  --onAction: #10141a;
  --accent: #afb6c0;
  --focus: #b1b6be;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #eba29e;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

/* Grove */

:root[data-palette="grove"] {
  --canvas: #f4f6f5;
  --surface: #ffffff;
  --raised: #e8edea;
  --line: #d2dbd6;
  --border: #637e6e;
  --text: #3d5246;
  --muted: #586f62;
  --action: #377752;
  --onAction: #ffffff;
  --accent: #9c444a;
  --focus: #377752;
  --success: #287658;
  --warning: #935f1a;
  --danger: #ba2e26;
  --strong: color-mix(in srgb, var(--text) 72%, #000);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="grove"]:not([data-mode="light"]):not([data-mode="dim"]) {
    --canvas: #141917;
    --surface: #202823;
    --raised: #2d3932;
    --line: #3f4f46;
    --border: #a4b7ac;
    --text: #b9cbc1;
    --muted: #a4b7ac;
    --action: #8fcca9;
    --onAction: #10141a;
    --accent: #cd8e92;
    --focus: #8fcca9;
    --success: #85d5b7;
    --warning: #e7b574;
    --danger: #e58580;
    --strong: color-mix(in srgb, var(--text) 70%, #fff);
    color-scheme: dark;
  }
}

:root[data-palette="grove"][data-mode="dark"] {
  --canvas: #141917;
  --surface: #202823;
  --raised: #2d3932;
  --line: #3f4f46;
  --border: #a4b7ac;
  --text: #b9cbc1;
  --muted: #a4b7ac;
  --action: #8fcca9;
  --onAction: #10141a;
  --accent: #cd8e92;
  --focus: #8fcca9;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #e58580;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}

:root[data-palette="grove"][data-mode="dim"] {
  --canvas: #29332d;
  --surface: #34413a;
  --raised: #3f4f46;
  --line: #4f6358;
  --border: #a4b7ac;
  --text: #e2e9e5;
  --muted: #afc0b6;
  --action: #8fcca9;
  --onAction: #10141a;
  --accent: #ddb1b4;
  --focus: #8fcca9;
  --success: #85d5b7;
  --warning: #e7b574;
  --danger: #edaaa6;
  --strong: color-mix(in srgb, var(--text) 70%, #fff);
  color-scheme: dark;
}