/* Generated by scripts/build-tokens.ts from tokens/marnis.tokens.json (@marnis/ui 0.17.0). Do not edit. */

:root {
  --m-s-0: 5px;
  --m-s-1: 8px;
  --m-s-2: 13px;
  --m-s-3: 21px;
  --m-s-4: 34px;
  --m-s-5: 55px;
  --m-s-6: 89px;
  --m-s-00: 3px;
  --m-r-sm: 5px;
  --m-r-md: 8px;
  --m-r-lg: 13px;
  --m-r-full: 999px;
  --m-h-sm: 26px;
  --m-h-md: 34px;
  --m-h-lg: 44px;
  --m-hit: 44px;
  --m-w-sm: 233px;
  --m-w-md: 377px;
  --m-w-lg: 610px;
  --m-w-xl: 987px;
  --m-w-xxl: 1597px;
  --m-w-field: 377px;
  --m-w-field-long: 610px;
  --m-w-tile: 233px;
  --m-w-card: 377px;
  --m-w-section: 610px;
  --m-w-pane-min: 377px;
  --m-w-pane-max: 610px;
  --m-w-page: 2584px;
  --m-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", "Roboto", sans-serif;
  --m-mono: "SF Mono", ui-monospace, "Menlo", "JetBrains Mono", "Consolas", monospace;
  --m-fs-xs: 13px;
  --m-fs-sm: 14px;
  --m-fs-lg: 21px;
  --m-fs-xl: 34px;
  --m-fs-input: 14px;
  --m-lh-text: 21px;
  --m-lh-heading: 1.3;
  --m-lh-display: 1.236;
  --m-fw-regular: 400;
  --m-fw-medium: 500;
  --m-fw-semibold: 600;
  --m-tracking-display: -0.015em;
  --m-dur-1: 89ms;
  --m-dur-2: 144ms;
  --m-dur-3: 233ms;
  --m-dur-4: 377ms;
  --m-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --m-exit-factor: 0.618;
  --m-focus-width: 2px;
  --m-focus-offset: 2px;
  --m-opacity-disabled: 0.5;
  --m-btn-ic-sm: 14px;
  --m-btn-ic-md: 16px;
  --m-btn-ic-lg: 18px;
}

:root,
[data-theme="light"],
.light {
  --m-bg: #f6f7f8;
  --m-bg-rgb: 246 247 248;
  --m-surface: #ffffff;
  --m-surface-rgb: 255 255 255;
  --m-surface-2: #f1f3f5;
  --m-surface-2-rgb: 241 243 245;
  --m-overlay: #ffffff;
  --m-overlay-rgb: 255 255 255;
  --m-sunken: #ffffff;
  --m-sunken-rgb: 255 255 255;
  --m-track: #eceef1;
  --m-track-rgb: 236 238 241;
  --m-line: #e2e5e9;
  --m-line-rgb: 226 229 233;
  --m-line-strong: #c8cdd4;
  --m-line-strong-rgb: 200 205 212;
  --m-line-control: #818994;
  --m-line-control-rgb: 129 137 148;
  --m-text: #1d2127;
  --m-text-rgb: 29 33 39;
  --m-text-2: #3d444e;
  --m-text-2-rgb: 61 68 78;
  --m-muted: #464d57;
  --m-muted-rgb: 70 77 87;
  --m-accent: #0a7fb5;
  --m-accent-rgb: 10 127 181;
  --m-accent-text: #06577d;
  --m-accent-text-rgb: 6 87 125;
  --m-accent-fill: #06577d;
  --m-accent-fill-rgb: 6 87 125;
  --m-accent-fill-hover: #054766;
  --m-accent-fill-hover-rgb: 5 71 102;
  --m-on-accent: #ffffff;
  --m-on-accent-rgb: 255 255 255;
  --m-accent-tint: rgb(10 127 181 / 0.08);
  --m-accent-tint-line: rgb(10 127 181 / 0.3);
  --m-ok: #104b2a;
  --m-ok-rgb: 16 75 42;
  --m-ok-tint: rgb(22 128 68 / 0.1);
  --m-ok-line: rgb(22 128 68 / 0.28);
  --m-warn: #593c00;
  --m-warn-rgb: 89 60 0;
  --m-warn-tint: rgb(204 140 0 / 0.13);
  --m-warn-line: rgb(160 110 0 / 0.32);
  --m-bad: #850000;
  --m-bad-rgb: 133 0 0;
  --m-bad-tint: rgb(200 30 30 / 0.08);
  --m-bad-line: rgb(160 0 0 / 0.26);
  --m-bad-fill: #850000;
  --m-bad-fill-rgb: 133 0 0;
  --m-bad-fill-hover: #6e0000;
  --m-bad-fill-hover-rgb: 110 0 0;
  --m-on-bad: #ffffff;
  --m-on-bad-rgb: 255 255 255;
  --m-scrim: rgb(15 17 21 / 0.45);
  --m-logo: #0a7fb5;
  --m-logo-rgb: 10 127 181;
  --m-logo-fill: #e6f4fb;
  --m-logo-fill-rgb: 230 244 251;
  --m-avatar-accent: #0a9ed9;
  --m-avatar-accent-rgb: 10 158 217;
  --m-cat-blue: #0a7fb5;
  --m-cat-blue-rgb: 10 127 181;
  --m-cat-green: #168044;
  --m-cat-green-rgb: 22 128 68;
  --m-cat-amber: #a06e00;
  --m-cat-amber-rgb: 160 110 0;
  --m-cat-violet: #6b4fbb;
  --m-cat-violet-rgb: 107 79 187;
  --m-cat-red: #c81e1e;
  --m-cat-red-rgb: 200 30 30;
  --m-cat-teal: #0e7c86;
  --m-cat-teal-rgb: 14 124 134;
  --m-cat-orange: #c2410c;
  --m-cat-orange-rgb: 194 65 12;
  --m-cat-gray: #636c7a;
  --m-cat-gray-rgb: 99 108 122;
  --m-shadow-raised: 0 1px 2px 0 rgb(16 24 40 / 0.06), 0 8px 21px -5px rgb(16 24 40 / 0.14);
  --m-shadow-overlay: 0 21px 55px -13px rgb(16 24 40 / 0.32);
  --m-seg-on: #ffffff;
  --m-seg-on-rgb: 255 255 255;
  color-scheme: light;
}

[data-theme="dark"],
.dark {
  --m-bg: #0f1115;
  --m-bg-rgb: 15 17 21;
  --m-surface: #15181d;
  --m-surface-rgb: 21 24 29;
  --m-surface-2: #1b1f25;
  --m-surface-2-rgb: 27 31 37;
  --m-overlay: #1e2228;
  --m-overlay-rgb: 30 34 40;
  --m-sunken: #0c0e11;
  --m-sunken-rgb: 12 14 17;
  --m-track: #0f1115;
  --m-track-rgb: 15 17 21;
  --m-line: #262a31;
  --m-line-rgb: 38 42 49;
  --m-line-strong: #373d47;
  --m-line-strong-rgb: 55 61 71;
  --m-line-control: #636c7a;
  --m-line-control-rgb: 99 108 122;
  --m-text: #e4e7eb;
  --m-text-rgb: 228 231 235;
  --m-text-2: #c5cad1;
  --m-text-2-rgb: 197 202 209;
  --m-muted: #aab0b9;
  --m-muted-rgb: 170 176 185;
  --m-accent: #3aa7e0;
  --m-accent-rgb: 58 167 224;
  --m-accent-text: #63bae9;
  --m-accent-text-rgb: 99 186 233;
  --m-accent-fill: #3aa7e0;
  --m-accent-fill-rgb: 58 167 224;
  --m-accent-fill-hover: #63bae9;
  --m-accent-fill-hover-rgb: 99 186 233;
  --m-on-accent: #0f1115;
  --m-on-accent-rgb: 15 17 21;
  --m-accent-tint: rgb(58 167 224 / 0.08);
  --m-accent-tint-line: rgb(58 167 224 / 0.38);
  --m-ok: #52e18f;
  --m-ok-rgb: 82 225 143;
  --m-ok-tint: rgb(82 225 143 / 0.1);
  --m-ok-line: rgb(82 225 143 / 0.3);
  --m-warn: #ffba38;
  --m-warn-rgb: 255 186 56;
  --m-warn-tint: rgb(255 186 56 / 0.1);
  --m-warn-line: rgb(255 186 56 / 0.32);
  --m-bad: #ffb4b9;
  --m-bad-rgb: 255 180 185;
  --m-bad-tint: rgb(255 120 130 / 0.1);
  --m-bad-line: rgb(255 140 150 / 0.32);
  --m-bad-fill: #ffb4b9;
  --m-bad-fill-rgb: 255 180 185;
  --m-bad-fill-hover: #ffcdd0;
  --m-bad-fill-hover-rgb: 255 205 208;
  --m-on-bad: #0f1115;
  --m-on-bad-rgb: 15 17 21;
  --m-scrim: rgb(0 0 0 / 0.6);
  --m-logo: #0a9ed9;
  --m-logo-rgb: 10 158 217;
  --m-logo-fill: #1b1f25;
  --m-logo-fill-rgb: 27 31 37;
  --m-avatar-accent: #05d4f5;
  --m-avatar-accent-rgb: 5 212 245;
  --m-cat-blue: #3aa7e0;
  --m-cat-blue-rgb: 58 167 224;
  --m-cat-green: #52e18f;
  --m-cat-green-rgb: 82 225 143;
  --m-cat-amber: #ffba38;
  --m-cat-amber-rgb: 255 186 56;
  --m-cat-violet: #b9a3ff;
  --m-cat-violet-rgb: 185 163 255;
  --m-cat-red: #ff8c96;
  --m-cat-red-rgb: 255 140 150;
  --m-cat-teal: #2dd4bf;
  --m-cat-teal-rgb: 45 212 191;
  --m-cat-orange: #fb923c;
  --m-cat-orange-rgb: 251 146 60;
  --m-cat-gray: #aab0b9;
  --m-cat-gray-rgb: 170 176 185;
  --m-shadow-raised: 0 1px 2px 0 rgb(0 0 0 / 0.4), 0 8px 21px -5px rgb(0 0 0 / 0.55);
  --m-shadow-overlay: 0 21px 55px -13px rgb(0 0 0 / 0.7);
  --m-seg-on: #262a31;
  --m-seg-on-rgb: 38 42 49;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not(.light) {
    --m-bg: #0f1115;
    --m-bg-rgb: 15 17 21;
    --m-surface: #15181d;
    --m-surface-rgb: 21 24 29;
    --m-surface-2: #1b1f25;
    --m-surface-2-rgb: 27 31 37;
    --m-overlay: #1e2228;
    --m-overlay-rgb: 30 34 40;
    --m-sunken: #0c0e11;
    --m-sunken-rgb: 12 14 17;
    --m-track: #0f1115;
    --m-track-rgb: 15 17 21;
    --m-line: #262a31;
    --m-line-rgb: 38 42 49;
    --m-line-strong: #373d47;
    --m-line-strong-rgb: 55 61 71;
    --m-line-control: #636c7a;
    --m-line-control-rgb: 99 108 122;
    --m-text: #e4e7eb;
    --m-text-rgb: 228 231 235;
    --m-text-2: #c5cad1;
    --m-text-2-rgb: 197 202 209;
    --m-muted: #aab0b9;
    --m-muted-rgb: 170 176 185;
    --m-accent: #3aa7e0;
    --m-accent-rgb: 58 167 224;
    --m-accent-text: #63bae9;
    --m-accent-text-rgb: 99 186 233;
    --m-accent-fill: #3aa7e0;
    --m-accent-fill-rgb: 58 167 224;
    --m-accent-fill-hover: #63bae9;
    --m-accent-fill-hover-rgb: 99 186 233;
    --m-on-accent: #0f1115;
    --m-on-accent-rgb: 15 17 21;
    --m-accent-tint: rgb(58 167 224 / 0.08);
    --m-accent-tint-line: rgb(58 167 224 / 0.38);
    --m-ok: #52e18f;
    --m-ok-rgb: 82 225 143;
    --m-ok-tint: rgb(82 225 143 / 0.1);
    --m-ok-line: rgb(82 225 143 / 0.3);
    --m-warn: #ffba38;
    --m-warn-rgb: 255 186 56;
    --m-warn-tint: rgb(255 186 56 / 0.1);
    --m-warn-line: rgb(255 186 56 / 0.32);
    --m-bad: #ffb4b9;
    --m-bad-rgb: 255 180 185;
    --m-bad-tint: rgb(255 120 130 / 0.1);
    --m-bad-line: rgb(255 140 150 / 0.32);
    --m-bad-fill: #ffb4b9;
    --m-bad-fill-rgb: 255 180 185;
    --m-bad-fill-hover: #ffcdd0;
    --m-bad-fill-hover-rgb: 255 205 208;
    --m-on-bad: #0f1115;
    --m-on-bad-rgb: 15 17 21;
    --m-scrim: rgb(0 0 0 / 0.6);
    --m-logo: #0a9ed9;
    --m-logo-rgb: 10 158 217;
    --m-logo-fill: #1b1f25;
    --m-logo-fill-rgb: 27 31 37;
    --m-avatar-accent: #05d4f5;
    --m-avatar-accent-rgb: 5 212 245;
    --m-cat-blue: #3aa7e0;
    --m-cat-blue-rgb: 58 167 224;
    --m-cat-green: #52e18f;
    --m-cat-green-rgb: 82 225 143;
    --m-cat-amber: #ffba38;
    --m-cat-amber-rgb: 255 186 56;
    --m-cat-violet: #b9a3ff;
    --m-cat-violet-rgb: 185 163 255;
    --m-cat-red: #ff8c96;
    --m-cat-red-rgb: 255 140 150;
    --m-cat-teal: #2dd4bf;
    --m-cat-teal-rgb: 45 212 191;
    --m-cat-orange: #fb923c;
    --m-cat-orange-rgb: 251 146 60;
    --m-cat-gray: #aab0b9;
    --m-cat-gray-rgb: 170 176 185;
    --m-shadow-raised: 0 1px 2px 0 rgb(0 0 0 / 0.4), 0 8px 21px -5px rgb(0 0 0 / 0.55);
    --m-shadow-overlay: 0 21px 55px -13px rgb(0 0 0 / 0.7);
    --m-seg-on: #262a31;
    --m-seg-on-rgb: 38 42 49;
    color-scheme: dark;
  }
}

/* Touch screens: one size step up, fields at 16 px so iOS does not zoom. The hit area stays 44 x 44. */
@media (pointer: coarse) {
  :root {
    --m-h-sm: 34px;
    --m-h-md: 44px;
    --m-fs-input: 16px;
  }
}

[data-pointer="coarse"] {
  --m-h-sm: 34px;
  --m-h-md: 44px;
  --m-fs-input: 16px;
}