/* Generated by go run ./tools/tokens. Source: tools/figma-variables.json. */
:root {
  --color-background: rgb(13 16 21 / 1);
  --color-border: rgb(42 51 64 / 1);
  --color-card: rgb(21 26 33 / 1);
  --color-danger-border: color-mix(in srgb, var(--color-danger) 32%, transparent);
  --color-danger-fill: color-mix(in srgb, var(--color-danger) 12%, transparent);
  --color-danger: rgb(242 85 90 / 1);
  --color-foreground: rgb(231 235 241 / 1);
  --color-info-border: color-mix(in srgb, var(--color-info) 32%, transparent);
  --color-info-fill: color-mix(in srgb, var(--color-info) 12%, transparent);
  --color-info: rgb(76 195 240 / 1);
  --color-input: rgb(42 51 64 / 1);
  --color-muted-foreground: rgb(139 150 166 / 1);
  --color-muted: rgb(35 43 54 / 1);
  --color-offline-border: color-mix(in srgb, var(--color-offline) 32%, transparent);
  --color-offline-fill: color-mix(in srgb, var(--color-offline) 12%, transparent);
  --color-offline: rgb(155 140 255 / 1);
  --color-overlay: rgb(0 0 0 / 1);
  --color-popover: rgb(21 26 33 / 1);
  --color-primary-foreground: rgb(255 255 255 / 1);
  --color-primary: rgb(57 102 199 / 1);
  --color-ring: rgb(143 176 255 / 1);
  --color-secondary: rgb(28 35 44 / 1);
  --color-sidebar: rgb(16 20 26 / 1);
  --color-success-border: color-mix(in srgb, var(--color-success) 32%, transparent);
  --color-success-fill: color-mix(in srgb, var(--color-success) 12%, transparent);
  --color-success: rgb(61 214 140 / 1);
  --color-warning-border: color-mix(in srgb, var(--color-warning) 32%, transparent);
  --color-warning-fill: color-mix(in srgb, var(--color-warning) 12%, transparent);
  --color-warning: rgb(245 181 68 / 1);
  --radius-custom-5: 5px;
  --radius-lg: 8px;
  --radius-md: 6px;
  --radius-none: 0px;
  --radius-pill: 999px;
  --radius-sm: 4px;
  --radius-xl: 12px;
  --size-card-default-cover-height: 300px;
  --size-card-default-width: 200px;
  --size-card-max-width: 240px;
  --size-card-min-width: 180px;
  --size-control-couch-mode-width: 216px;
  --size-control-create-container-width: 240px;
  --size-control-global-search-min-width: 272px;
  --size-control-retry-width: 160px;
  --size-control-sort-width: 180px;
  --size-couch-height: 1080px;
  --size-couch-width: 1920px;
  --size-couch: 56px;
  --size-desktop-height: 900px;
  --size-desktop-width: 1440px;
  --size-drawer: 480px;
  --size-focus-offset: 2px;
  --size-focus-ring: 2px;
  --size-geometry-height-0-0000: 0px;
  --size-geometry-height-0-0001: 0.0001px;
  --size-geometry-height-1-0000: 1px;
  --size-geometry-height-1-3344: 1.3344px;
  --size-geometry-height-1-6680: 1.668px;
  --size-geometry-height-10-6656: 10.6656px;
  --size-geometry-height-11-3334: 11.333427px;
  --size-geometry-height-11-6680: 11.668px;
  --size-geometry-height-112-0000: 112px;
  --size-geometry-height-12-0000: 12px;
  --size-geometry-height-12-0001: 12.000104px;
  --size-geometry-height-13-2320: 13.231999px;
  --size-geometry-height-13-3094: 13.30943px;
  --size-geometry-height-13-3320: 13.332px;
  --size-geometry-height-13-3344: 13.3344px;
  --size-geometry-height-13-3360: 13.335999px;
  --size-geometry-height-15-0000: 15px;
  --size-geometry-height-15-0001: 15.000131px;
  --size-geometry-height-16-0000: 16px;
  --size-geometry-height-16-5400: 16.539999px;
  --size-geometry-height-16-6368: 16.636787px;
  --size-geometry-height-16-6680: 16.667999px;
  --size-geometry-height-16-6700: 16.67px;
  --size-geometry-height-18-0000: 18px;
  --size-geometry-height-2-0000: 2px;
  --size-geometry-height-20-0000: 20px;
  --size-geometry-height-21-3312: 21.3312px;
  --size-geometry-height-22-0000: 22px;
  --size-geometry-height-24-0000: 24px;
  --size-geometry-height-258: 258px;
  --size-geometry-height-26-0000: 26px;
  --size-geometry-height-26-4640: 26.463999px;
  --size-geometry-height-28-0000: 28px;
  --size-geometry-height-32-0000: 32px;
  --size-geometry-height-336-0000: 336px;
  --size-geometry-height-341-0000: 341px;
  --size-geometry-height-34: 34px;
  --size-geometry-height-359-0000: 359px;
  --size-geometry-height-396-0000: 396px;
  --size-geometry-height-4-0000: 4px;
  --size-geometry-height-40-0000: 40px;
  --size-geometry-height-480-0000: 480px;
  --size-geometry-height-52: 52px;
  --size-geometry-height-56-0000: 56px;
  --size-geometry-height-64-0000: 64px;
  --size-geometry-height-660-0000: 660px;
  --size-geometry-height-700-0000: 700px;
  --size-geometry-height-78: 78px;
  --size-geometry-height-8-0000: 8px;
  --size-geometry-height-80-0000: 80px;
  --size-geometry-height-86-0000: 86px;
  --size-geometry-height-860-0000: 860px;
  --size-geometry-height-88-0000: 88px;
  --size-geometry-height-9-3344: 9.3344px;
  --size-geometry-height-900-0000: 900px;
  --size-geometry-height-94: 94px;
  --size-geometry-minheight-108-0000: 108px;
  --size-geometry-minwidth-131-2000: 131.199997px;
  --size-geometry-minwidth-141-6000: 141.600006px;
  --size-geometry-minwidth-183-2000: 183.199997px;
  --size-geometry-minwidth-224-8000: 224.800003px;
  --size-geometry-minwidth-96-0000: 96px;
  --size-geometry-strokeweight-0-6667: 0.666667px;
  --size-geometry-strokeweight-1-3333: 1.333333px;
  --size-geometry-width-1-0000: 1px;
  --size-geometry-width-10-6656: 10.6656px;
  --size-geometry-width-10-6688: 10.6688px;
  --size-geometry-width-103-0000: 103px;
  --size-geometry-width-1036: 1036px;
  --size-geometry-width-105: 105px;
  --size-geometry-width-107-5200: 107.519997px;
  --size-geometry-width-11-9418: 11.941813px;
  --size-geometry-width-1100-0000: 1100px;
  --size-geometry-width-12-0000: 12px;
  --size-geometry-width-12-0001: 12.000104px;
  --size-geometry-width-120-0000: 120px;
  --size-geometry-width-1200: 1200px;
  --size-geometry-width-1246-5601: 1246.560059px;
  --size-geometry-width-124: 124px;
  --size-geometry-width-128: 128px;
  --size-geometry-width-13-3320: 13.332px;
  --size-geometry-width-13-3344: 13.3344px;
  --size-geometry-width-13-3357: 13.335673px;
  --size-geometry-width-13-3360: 13.336px;
  --size-geometry-width-132-0000: 132px;
  --size-geometry-width-133-1200: 133.119995px;
  --size-geometry-width-1344-0000: 1344px;
  --size-geometry-width-135: 135px;
  --size-geometry-width-14-9273: 14.927266px;
  --size-geometry-width-1440-0000: 1440px;
  --size-geometry-width-15-0000: 15px;
  --size-geometry-width-15-0001: 15.000131px;
  --size-geometry-width-152: 152px;
  --size-geometry-width-16-0000: 16px;
  --size-geometry-width-16-6680: 16.667999px;
  --size-geometry-width-162-39999389648438: 162.399994px;
  --size-geometry-width-176-0000: 176px;
  --size-geometry-width-1816: 1816px;
  --size-geometry-width-183-7680: 183.768005px;
  --size-geometry-width-184-0000: 184px;
  --size-geometry-width-1880-0000: 1880px;
  --size-geometry-width-188: 188px;
  --size-geometry-width-193-60000610351562: 193.600006px;
  --size-geometry-width-196-0000: 196px;
  --size-geometry-width-2-0000: 2px;
  --size-geometry-width-20-0000: 20px;
  --size-geometry-width-208-0000: 208px;
  --size-geometry-width-21-3312: 21.3312px;
  --size-geometry-width-214-2720: 214.272003px;
  --size-geometry-width-224-0000: 224px;
  --size-geometry-width-24-0000: 24px;
  --size-geometry-width-240-0000: 240px;
  --size-geometry-width-256-0000: 256px;
  --size-geometry-width-26-6688: 26.6688px;
  --size-geometry-width-264-0000: 264px;
  --size-geometry-width-28-0000: 28px;
  --size-geometry-width-304-0000: 304px;
  --size-geometry-width-312-4800: 312.480011px;
  --size-geometry-width-32-0000: 32px;
  --size-geometry-width-343-0000: 343px;
  --size-geometry-width-36-0000: 36px;
  --size-geometry-width-360-0000: 360px;
  --size-geometry-width-398: 398px;
  --size-geometry-width-4-0000: 4px;
  --size-geometry-width-40-0000: 40px;
  --size-geometry-width-400: 400px;
  --size-geometry-width-418: 418px;
  --size-geometry-width-432: 432px;
  --size-geometry-width-436-6960: 436.696014px;
  --size-geometry-width-48-0000: 48px;
  --size-geometry-width-480-0000: 480px;
  --size-geometry-width-509-1840: 509.18399px;
  --size-geometry-width-6-0000: 6px;
  --size-geometry-width-600-0000: 600px;
  --size-geometry-width-63-0000: 63px;
  --size-geometry-width-64-0000: 64px;
  --size-geometry-width-70: 70px;
  --size-geometry-width-742-5600: 742.559998px;
  --size-geometry-width-76: 76px;
  --size-geometry-width-776: 776px;
  --size-geometry-width-8-0000: 8px;
  --size-geometry-width-81: 81px;
  --size-geometry-width-824-0000: 824px;
  --size-geometry-width-83: 83px;
  --size-geometry-width-84: 84px;
  --size-geometry-width-86-4000015258789: 86.400002px;
  --size-geometry-width-88-0000: 88px;
  --size-geometry-width-89: 89px;
  --size-geometry-width-9-3344: 9.3344px;
  --size-geometry-width-91-0000: 91px;
  --size-geometry-width-96-80000305175781: 96.800003px;
  --size-geometry-width-960-0000: 960px;
  --size-geometry-width-97: 97px;
  --size-hairline: 1px;
  --size-icon-couch: 32px;
  --size-icon-nav: 20px;
  --size-icon: 16px;
  --size-large: 40px;
  --size-library-card-width-1100: 180px;
  --size-library-card-width-1440: 212px;
  --size-medium: 32px;
  --size-min-height: 700px;
  --size-min-width: 1100px;
  --size-sidebar-collapsed: 64px;
  --size-sidebar-expanded: 240px;
  --size-small: 28px;
  --size-titlebar: 40px;
  --size-xsmall: 24px;
  --space-0: 0px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-2: 2px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-4: 4px;
  --space-64: 64px;
  --space-8: 8px;
  --space-custom-10-0000: 10px;
  --type-body-font-size: 14px;
  --type-body-line-height: 20px;
  --type-caption-font-size: 12px;
  --type-caption-line-height: 16px;
  --type-display-font-size: 32px;
  --type-display-line-height: 40px;
  --type-font-family-inter: "Inter";
  --type-h1-font-size: 24px;
  --type-h1-line-height: 32px;
  --type-h2-font-size: 18px;
  --type-h2-line-height: 26px;
  --type-h3-font-size: 15px;
  --type-h3-line-height: 22px;
  --type-mono-font-size: 13px;
  --type-mono-line-height: 18px;
  --type-navigation-font-size: 10px;
  --type-small-font-size: 13px;
  --type-small-line-height: 18px;
}
/* Responsive layout from the task, not Figma variables. */
:root {
  --layout-bottom-display: flex;
  --layout-sidebar-display: none;
  --layout-profile-name-display: none;
  --layout-content-padding: var(--space-16);
  --layout-shell-top: var(--space-12);
  --layout-shell-bottom: var(--space-64);
  --layout-shell-gap: var(--space-0);
}
@media (width >= 768px) {
  :root {
    --layout-bottom-display: none;
    --layout-profile-name-display: inline;
    --layout-shell-bottom: var(--space-0);
  }
}
@media (width >= 1100px) {
  :root {
    --layout-sidebar-display: flex;
    --layout-content-padding: var(--space-32);
    --layout-shell-top: var(--space-0);
    --layout-shell-gap: var(--space-12);
  }
}