/* The studio look for kapable: kapable-ui-assets design-language/presets, served by the desktop host (presets D13, D15). Link it after the language's tokens. Preset file bd5761aae504d6e8. */
@font-face {
  font-family: 'StudioK';
  src: url('faces/StudioK/StudioK-Regular.woff2?v=621555fe3548') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --bad: #bd3737;
  --bg: #f4f4f5;
  --chrome: #ffffff;
  --chrome-blur: none;
  --control-h: 28px;
  --control-weight: 510;
  --desk-scrim: none;
  --desk-text: #16171a;
  --desk-text-2: #16171a;
  --desk-text-3: #16171a;
  --desk-text-shadow: none;
  --dock-blur: none;
  --dock-icon-shadow: none;
  --field: rgb(22 23 26 / 0.05);
  --folder-tile-bg: #1d1e22;
  --folder-tile-radius: 12.25px;
  --folder-tile-shadow: none;
  --font-display: 'StudioK', ui-sans-serif, system-ui, sans-serif;
  --font-display-features: 'tnum';
  --font-ui: 'StudioK', ui-sans-serif, system-ui, sans-serif;
  --font-ui-features: 'tnum';
  --glyph-cap: round;
  --glyph-join: round;
  --glyph-stroke: 1.6;
  --heading-weight: 560;
  --hover: rgb(22 23 26 / 0.06);
  --icon-shadow: none;
  --line: rgb(20 20 24 / 0.1);
  --line-strong: rgb(20 20 24 / 0.16);
  --list-row-h: 32px;
  --ok: #137b43;
  --pad-factor: 0.85;
  --press: rgb(22 23 26 / 0.1);
  --pressed: rgb(22 23 26 / 0.15);
  --radius-button: 6px;
  --radius-card: 10px;
  --radius-dock: 12px;
  --radius-field: 6px;
  --radius-launcher: 12px;
  --radius-note: 8px;
  --radius-row: 6px;
  --radius-sheet: 12px;
  --radius-tag: 4px;
  --row-h: 28px;
  --shadow-dock: none;
  --shadow-launcher: var(--shadow-pop);
  --shadow-pop: 0 0 0 1px var(--line);
  --shadow-primary: none;
  --shadow-toast: var(--shadow-pop);
  --shadow-widget: 0 0 0 1px var(--line);
  --shadow-win: 0 0 0 1px var(--line), 0 14px 32px -14px rgb(0 0 0 / 0.22);
  --shadow-win-idle: 0 0 0 1px var(--line);
  --surface: #ffffff;
  --surface-2: #f7f7f8;
  --surface-3: #ededef;
  --text: #16171a;
  --text-2: #55585f;
  --text-3: #61646b;
  --title-tracking: -0.022em;
  --title-weight: 540;
  --type-body: 13.5px;
  --type-control: 13px;
  --type-description: 13px;
  --type-dialog-title: 16px;
  --type-meta: 12px;
  --type-secondary: 12.5px;
  --type-view-title: 24.2px;
  --w-bg: #ffffff;
  --w-line: rgb(255 255 255 / 0.6);
  --warn: #955f04;
  --default-theme: dark;
  --accent-reach: full;
  --accent: #b0503e;
  --accent-text: #ae4f3d;
  --accent-soft: color-mix(in oklab, #b0503e 12%, transparent);
  --accent-wash: color-mix(in oklab, #b0503e 12%, transparent);
  --notify-dot: #b0503e;
  --org-accent: #b0503e;
}
@media (max-width: 600px), (pointer: coarse) and (max-height: 500px) {
:root {
  --menubar-h: 52px;
  --dock-h: 84px;
  --type-greeting: 26px;
  --radius-dock: 12px;
  --pad-factor: 1;
}
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]),
:root:not([data-kd-theme]):not([data-theme='light']) {
  --bg: #0a0b0c;
  --chrome: #111214;
  --desk-scrim: linear-gradient(90deg, rgb(0 0 0 / 0.2), rgb(0 0 0 / 0) 46%);
  --desk-text: #ffffff;
  --desk-text-2: rgb(255 255 255 / 0.86);
  --desk-text-3: rgb(255 255 255 / 0.84);
  --desk-text-shadow: 0 1px 2px rgb(0 0 0 / 0.6), 0 0 8px rgb(0 0 0 / 0.32);
  --folder-tile-bg: #1d1e22;
  --line: rgb(255 255 255 / 0.08);
  --line-strong: rgb(255 255 255 / 0.14);
  --shadow-dock: none;
  --shadow-launcher: var(--shadow-pop);
  --shadow-pop: 0 0 0 1px var(--line-strong);
  --shadow-toast: var(--shadow-pop);
  --shadow-widget: 0 0 0 1px var(--line);
  --shadow-win: 0 0 0 1px var(--line-strong);
  --shadow-win-idle: 0 0 0 1px var(--line);
  --surface: #111214;
  --surface-2: #16171a;
  --surface-3: #1d1e22;
  --text: #f4f5f6;
  --text-2: #a0a5ae;
  --text-3: #8f949c;
  --w-bg: #16171a;
  --w-line: rgb(255 255 255 / 0.07);
  --accent: #b0503e;
  --accent-text: #f8917c;
  --accent-soft: color-mix(in oklab, #b0503e 26%, transparent);
  --accent-wash: color-mix(in oklab, #b0503e 12%, transparent);
  --notify-dot: #ff9782;
  --org-accent: #b0503e;
}
}
:root[data-theme="dark"],
:root[data-kd-theme='dark'],
:root:not([data-kd-theme])[data-theme='dark'] {
  --bg: #0a0b0c;
  --chrome: #111214;
  --desk-scrim: linear-gradient(90deg, rgb(0 0 0 / 0.2), rgb(0 0 0 / 0) 46%);
  --desk-text: #ffffff;
  --desk-text-2: rgb(255 255 255 / 0.86);
  --desk-text-3: rgb(255 255 255 / 0.84);
  --desk-text-shadow: 0 1px 2px rgb(0 0 0 / 0.6), 0 0 8px rgb(0 0 0 / 0.32);
  --folder-tile-bg: #1d1e22;
  --line: rgb(255 255 255 / 0.08);
  --line-strong: rgb(255 255 255 / 0.14);
  --shadow-dock: none;
  --shadow-launcher: var(--shadow-pop);
  --shadow-pop: 0 0 0 1px var(--line-strong);
  --shadow-toast: var(--shadow-pop);
  --shadow-widget: 0 0 0 1px var(--line);
  --shadow-win: 0 0 0 1px var(--line-strong);
  --shadow-win-idle: 0 0 0 1px var(--line);
  --surface: #111214;
  --surface-2: #16171a;
  --surface-3: #1d1e22;
  --text: #f4f5f6;
  --text-2: #a0a5ae;
  --text-3: #8f949c;
  --w-bg: #16171a;
  --w-line: rgb(255 255 255 / 0.07);
  --accent: #b0503e;
  --accent-text: #f8917c;
  --accent-soft: color-mix(in oklab, #b0503e 26%, transparent);
  --accent-wash: color-mix(in oklab, #b0503e 12%, transparent);
  --notify-dot: #ff9782;
  --org-accent: #b0503e;
}
[data-scheme="dark"] {
  --bg: #0a0b0c;
  --chrome: #111214;
  --desk-scrim: linear-gradient(90deg, rgb(0 0 0 / 0.2), rgb(0 0 0 / 0) 46%);
  --desk-text: #ffffff;
  --desk-text-2: rgb(255 255 255 / 0.86);
  --desk-text-3: rgb(255 255 255 / 0.84);
  --desk-text-shadow: 0 1px 2px rgb(0 0 0 / 0.6), 0 0 8px rgb(0 0 0 / 0.32);
  --folder-tile-bg: #1d1e22;
  --line: rgb(255 255 255 / 0.08);
  --line-strong: rgb(255 255 255 / 0.14);
  --shadow-dock: none;
  --shadow-launcher: var(--shadow-pop);
  --shadow-pop: 0 0 0 1px var(--line-strong);
  --shadow-toast: var(--shadow-pop);
  --shadow-widget: 0 0 0 1px var(--line);
  --shadow-win: 0 0 0 1px var(--line-strong);
  --shadow-win-idle: 0 0 0 1px var(--line);
  --surface: #111214;
  --surface-2: #16171a;
  --surface-3: #1d1e22;
  --text: #f4f5f6;
  --text-2: #a0a5ae;
  --text-3: #8f949c;
  --w-bg: #16171a;
  --w-line: rgb(255 255 255 / 0.07);
  --accent: #b0503e;
  --accent-text: #f8917c;
  --accent-soft: color-mix(in oklab, #b0503e 26%, transparent);
  --accent-wash: color-mix(in oklab, #b0503e 12%, transparent);
  --notify-dot: #ff9782;
  --org-accent: #b0503e;
}
