/* ─────────────────────────────────────────────────────────────────────
   ShiftHosts design tokens — generated from ShiftHosts.Shared.Design.
   Do not edit by hand: change BrandIdentity or DesignTokens instead.
   ───────────────────────────────────────────────────────────────────── */

:root {
  /* Ramps — every colour in the product descends from one of these. */
  --primary-50: #ebfcf9;
  --primary-100: #d6f6f2;
  --primary-200: #b2ebe4;
  --primary-300: #87dbd2;
  --primary-400: #56c7bd;
  --primary-500: #13a89e;
  --primary-600: #00978e;
  --primary-700: #007e76;
  --primary-800: #00645e;
  --primary-900: #004b46;
  --primary-950: #00322f;
  --accent-50: #fff6eb;
  --accent-100: #ffead1;
  --accent-200: #fbd7a8;
  --accent-300: #f3bf7b;
  --accent-400: #e8a33d;
  --accent-500: #ce8a19;
  --accent-600: #b27500;
  --accent-700: #946100;
  --accent-800: #764c00;
  --accent-900: #593800;
  --accent-950: #3c2500;
  --neutral-50: #f6f8f8;
  --neutral-100: #eaeff0;
  --neutral-200: #d7dfe0;
  --neutral-300: #c1cbce;
  --neutral-400: #a8b4b7;
  --neutral-500: #8f9da0;
  --neutral-600: #798689;
  --neutral-700: #646f72;
  --neutral-800: #4f585a;
  --neutral-900: #3a4243;
  --neutral-950: #262b2d;
  --success-50: #ecfdee;
  --success-100: #d8f8dc;
  --success-200: #b7eebe;
  --success-300: #90df9c;
  --success-400: #65cc78;
  --success-500: #3fb55b;
  --success-600: #2fa84f;
  --success-700: #068334;
  --success-800: #006927;
  --success-900: #004f1b;
  --success-950: #003510;
  --warning-50: #fff6ec;
  --warning-100: #ffead3;
  --warning-200: #ffd5a6;
  --warning-300: #f8bc76;
  --warning-400: #e9a141;
  --warning-500: #e0921a;
  --warning-600: #b47300;
  --warning-700: #975f00;
  --warning-800: #784b00;
  --warning-900: #5b3700;
  --warning-950: #3d2400;
  --danger-50: #fff5f4;
  --danger-100: #ffe8e5;
  --danger-200: #ffd0cc;
  --danger-300: #ffb2ad;
  --danger-400: #ff8b85;
  --danger-500: #f56361;
  --danger-600: #dc4c4c;
  --danger-700: #ba383a;
  --danger-800: #962a2c;
  --danger-900: #721d1f;
  --danger-950: #4f1011;
  --info-50: #f3f8ff;
  --info-100: #e4efff;
  --info-200: #c9dfff;
  --info-300: #a7ccff;
  --info-400: #7eb4ff;
  --info-500: #579af8;
  --info-600: #3b7dd8;
  --info-700: #306cbd;
  --info-800: #23559a;
  --info-900: #183f75;
  --info-950: #0c2a51;

  /* Space */
  --space-0: 0;
  --space-px: 1px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --space-5xl: 96px;
  --space-6xl: 128px;

  /* Radius */
  --radius-none: 0;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 999px;

  /* Type */
  --font-sans: "Inter", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --text-display-2xl-size: 60px;
  --text-display-2xl-line: 1.05;
  --text-display-2xl-weight: 680;
  --text-display-2xl-tracking: -0.028em;
  --text-display-xl-size: 48px;
  --text-display-xl-line: 1.08;
  --text-display-xl-weight: 680;
  --text-display-xl-tracking: -0.026em;
  --text-display-lg-size: 38px;
  --text-display-lg-line: 1.12;
  --text-display-lg-weight: 660;
  --text-display-lg-tracking: -0.022em;
  --text-heading-xl-size: 30px;
  --text-heading-xl-line: 1.2;
  --text-heading-xl-weight: 640;
  --text-heading-xl-tracking: -0.018em;
  --text-heading-lg-size: 24px;
  --text-heading-lg-line: 1.25;
  --text-heading-lg-weight: 640;
  --text-heading-lg-tracking: -0.014em;
  --text-heading-md-size: 20px;
  --text-heading-md-line: 1.3;
  --text-heading-md-weight: 620;
  --text-heading-md-tracking: -0.01em;
  --text-heading-sm-size: 17px;
  --text-heading-sm-line: 1.35;
  --text-heading-sm-weight: 620;
  --text-heading-sm-tracking: -0.006em;
  --text-body-lg-size: 16px;
  --text-body-lg-line: 1.6;
  --text-body-lg-weight: 400;
  --text-body-lg-tracking: 0em;
  --text-body-md-size: 14.5px;
  --text-body-md-line: 1.6;
  --text-body-md-weight: 400;
  --text-body-md-tracking: 0em;
  --text-body-sm-size: 13px;
  --text-body-sm-line: 1.55;
  --text-body-sm-weight: 400;
  --text-body-sm-tracking: 0.002em;
  --text-label-lg-size: 15px;
  --text-label-lg-line: 1.35;
  --text-label-lg-weight: 560;
  --text-label-lg-tracking: 0.002em;
  --text-label-md-size: 13.5px;
  --text-label-md-line: 1.35;
  --text-label-md-weight: 560;
  --text-label-md-tracking: 0.004em;
  --text-label-sm-size: 12px;
  --text-label-sm-line: 1.3;
  --text-label-sm-weight: 600;
  --text-label-sm-tracking: 0.012em;
  --text-overline-size: 11px;
  --text-overline-line: 1.3;
  --text-overline-weight: 680;
  --text-overline-tracking: 0.085em;

  /* Motion */
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --duration-deliberate: 480ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-entrance: cubic-bezier(0, 0, 0.2, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout rails */
  --content-max: 1240px;
  --prose-max: 68ch;
  --sidebar-w: 264px;
  --sidebar-collapsed-w: 76px;
  --header-h: 64px;
  --target-min: 44px;
  --target-compact: 36px;
}

:root, [data-theme="light"] {
  color-scheme: light;
  --accent: #e8a33d;
  --accent-rgb: 232 163 61;
  --accent-border: #f3bf7b;
  --accent-border-rgb: 243 191 123;
  --accent-subtle: #fff6eb;
  --accent-subtle-rgb: 255 246 235;
  --accent-text: #593800;
  --accent-text-rgb: 89 56 0;
  --accent-vivid: #ce8a19;
  --accent-vivid-rgb: 206 138 25;
  --border: #d7dfe0;
  --border-rgb: 215 223 224;
  --border-strong: #798689;
  --border-strong-rgb: 121 134 137;
  --border-subtle: #eaeff0;
  --border-subtle-rgb: 234 239 240;
  --brand: #007e76;
  --brand-rgb: 0 126 118;
  --brand-active: #004b46;
  --brand-active-rgb: 0 75 70;
  --brand-border: #b2ebe4;
  --brand-border-rgb: 178 235 228;
  --brand-hover: #00645e;
  --brand-hover-rgb: 0 100 94;
  --brand-subtle: #ebfcf9;
  --brand-subtle-rgb: 235 252 249;
  --brand-subtle-hover: #d6f6f2;
  --brand-subtle-hover-rgb: 214 246 242;
  --brand-text: #00645e;
  --brand-text-rgb: 0 100 94;
  --brand-vivid: #00978e;
  --brand-vivid-rgb: 0 151 142;
  --canvas: #f7fafa;
  --canvas-rgb: 247 250 250;
  --danger: #ba383a;
  --danger-rgb: 186 56 58;
  --danger-border: #ffd0cc;
  --danger-border-rgb: 255 208 204;
  --danger-subtle: #fff5f4;
  --danger-subtle-rgb: 255 245 244;
  --danger-text: #962a2c;
  --danger-text-rgb: 150 42 44;
  --danger-vivid: #dc4c4c;
  --danger-vivid-rgb: 220 76 76;
  --focus: #007e76;
  --focus-rgb: 0 126 118;
  --info: #306cbd;
  --info-rgb: 48 108 189;
  --info-border: #c9dfff;
  --info-border-rgb: 201 223 255;
  --info-subtle: #f3f8ff;
  --info-subtle-rgb: 243 248 255;
  --info-text: #23559a;
  --info-text-rgb: 35 85 154;
  --info-vivid: #3b7dd8;
  --info-vivid-rgb: 59 125 216;
  --on-accent: #262b2d;
  --on-accent-rgb: 38 43 45;
  --on-brand: #ffffff;
  --on-brand-rgb: 255 255 255;
  --on-danger: #ffffff;
  --on-danger-rgb: 255 255 255;
  --on-info: #ffffff;
  --on-info-rgb: 255 255 255;
  --on-success: #ffffff;
  --on-success-rgb: 255 255 255;
  --on-warning: #ffffff;
  --on-warning-rgb: 255 255 255;
  --success: #068334;
  --success-rgb: 6 131 52;
  --success-border: #b7eebe;
  --success-border-rgb: 183 238 190;
  --success-subtle: #ecfdee;
  --success-subtle-rgb: 236 253 238;
  --success-text: #006927;
  --success-text-rgb: 0 105 39;
  --success-vivid: #2fa84f;
  --success-vivid-rgb: 47 168 79;
  --surface: #ffffff;
  --surface-rgb: 255 255 255;
  --surface-inverse: #3a4243;
  --surface-inverse-rgb: 58 66 67;
  --surface-raised: #ffffff;
  --surface-raised-rgb: 255 255 255;
  --surface-sunken: #f6f8f8;
  --surface-sunken-rgb: 246 248 248;
  --text: #262b2d;
  --text-rgb: 38 43 45;
  --text-inverse: #ffffff;
  --text-inverse-rgb: 255 255 255;
  --text-muted: #646f72;
  --text-muted-rgb: 100 111 114;
  --text-secondary: #4f585a;
  --text-secondary-rgb: 79 88 90;
  --warning: #975f00;
  --warning-rgb: 151 95 0;
  --warning-border: #ffd5a6;
  --warning-border-rgb: 255 213 166;
  --warning-subtle: #fff6ec;
  --warning-subtle-rgb: 255 246 236;
  --warning-text: #784b00;
  --warning-text-rgb: 120 75 0;
  --warning-vivid: #b47300;
  --warning-vivid-rgb: 180 115 0;
  --shadow-rgb: 38 43 45;
  --elevation-none: none;
  --elevation-xs: 0 1px 2px rgb(var(--shadow-rgb) / 0.06);
  --elevation-sm: 0 1px 2px rgb(var(--shadow-rgb) / 0.06), 0 2px 6px rgb(var(--shadow-rgb) / 0.06);
  --elevation-md: 0 2px 4px rgb(var(--shadow-rgb) / 0.06), 0 6px 16px rgb(var(--shadow-rgb) / 0.08);
  --elevation-lg: 0 4px 8px rgb(var(--shadow-rgb) / 0.06), 0 14px 32px rgb(var(--shadow-rgb) / 0.10);
  --elevation-xl: 0 8px 16px rgb(var(--shadow-rgb) / 0.08), 0 28px 64px rgb(var(--shadow-rgb) / 0.14);
}

[data-theme="dark"] {
  color-scheme: dark;
  --accent: #e8a33d;
  --accent-rgb: 232 163 61;
  --accent-border: #67491f;
  --accent-border-rgb: 103 73 31;
  --accent-subtle: #3b2a14;
  --accent-subtle-rgb: 59 42 20;
  --accent-text: #f3bf7b;
  --accent-text-rgb: 243 191 123;
  --accent-vivid: #e8a33d;
  --accent-vivid-rgb: 232 163 61;
  --border: #273639;
  --border-rgb: 39 54 57;
  --border-strong: #66787c;
  --border-strong-rgb: 102 120 124;
  --border-subtle: #1c282b;
  --border-subtle-rgb: 28 40 43;
  --brand: #13a89e;
  --brand-rgb: 19 168 158;
  --brand-active: #87dbd2;
  --brand-active-rgb: 135 219 210;
  --brand-border: #134f4a;
  --brand-border-rgb: 19 79 74;
  --brand-hover: #56c7bd;
  --brand-hover-rgb: 86 199 189;
  --brand-subtle: #0e302d;
  --brand-subtle-rgb: 14 48 45;
  --brand-subtle-hover: #103a37;
  --brand-subtle-hover-rgb: 16 58 55;
  --brand-text: #87dbd2;
  --brand-text-rgb: 135 219 210;
  --brand-vivid: #13a89e;
  --brand-vivid-rgb: 19 168 158;
  --canvas: #071315;
  --canvas-rgb: 7 19 21;
  --danger: #ff8b85;
  --danger-rgb: 255 139 133;
  --danger-border: #76413e;
  --danger-border-rgb: 118 65 62;
  --danger-subtle: #412523;
  --danger-subtle-rgb: 65 37 35;
  --danger-text: #ffb2ad;
  --danger-text-rgb: 255 178 173;
  --danger-vivid: #ff8b85;
  --danger-vivid-rgb: 255 139 133;
  --focus: #56c7bd;
  --focus-rgb: 86 199 189;
  --info: #7eb4ff;
  --info-rgb: 126 180 255;
  --info-border: #3b5376;
  --info-border-rgb: 59 83 118;
  --info-subtle: #202e42;
  --info-subtle-rgb: 32 46 66;
  --info-text: #a7ccff;
  --info-text-rgb: 167 204 255;
  --info-vivid: #7eb4ff;
  --info-vivid-rgb: 126 180 255;
  --on-accent: #1a1206;
  --on-accent-rgb: 26 18 6;
  --on-brand: #04191c;
  --on-brand-rgb: 4 25 28;
  --on-danger: #08151a;
  --on-danger-rgb: 8 21 26;
  --on-info: #08151a;
  --on-info-rgb: 8 21 26;
  --on-success: #08151a;
  --on-success-rgb: 8 21 26;
  --on-warning: #08151a;
  --on-warning-rgb: 8 21 26;
  --success: #65cc78;
  --success-rgb: 101 204 120;
  --success-border: #325e39;
  --success-border-rgb: 50 94 57;
  --success-subtle: #1d3421;
  --success-subtle-rgb: 29 52 33;
  --success-text: #90df9c;
  --success-text-rgb: 144 223 156;
  --success-vivid: #65cc78;
  --success-vivid-rgb: 101 204 120;
  --surface: #111d20;
  --surface-rgb: 17 29 32;
  --surface-inverse: #eaeff0;
  --surface-inverse-rgb: 234 239 240;
  --surface-raised: #1a272a;
  --surface-raised-rgb: 26 39 42;
  --surface-sunken: #020b0e;
  --surface-sunken-rgb: 2 11 14;
  --text: #f2f7f7;
  --text-rgb: 242 247 247;
  --text-inverse: #262b2d;
  --text-inverse-rgb: 38 43 45;
  --text-muted: #a8b4b7;
  --text-muted-rgb: 168 180 183;
  --text-secondary: #c1cbce;
  --text-secondary-rgb: 193 203 206;
  --warning: #e9a141;
  --warning-rgb: 233 161 65;
  --warning-border: #6c4b22;
  --warning-border-rgb: 108 75 34;
  --warning-subtle: #3c2a14;
  --warning-subtle-rgb: 60 42 20;
  --warning-text: #f8bc76;
  --warning-text-rgb: 248 188 118;
  --warning-vivid: #e9a141;
  --warning-vivid-rgb: 233 161 65;
  --shadow-rgb: 0 0 0;
  --elevation-none: none;
  --elevation-xs: 0 1px 2px rgb(0 0 0 / 0.40);
  --elevation-sm: 0 1px 2px rgb(0 0 0 / 0.44), 0 2px 6px rgb(0 0 0 / 0.34);
  --elevation-md: 0 2px 4px rgb(0 0 0 / 0.44), 0 6px 16px rgb(0 0 0 / 0.38);
  --elevation-lg: 0 4px 8px rgb(0 0 0 / 0.46), 0 14px 32px rgb(0 0 0 / 0.44);
  --elevation-xl: 0 8px 16px rgb(0 0 0 / 0.48), 0 28px 64px rgb(0 0 0 / 0.52);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --accent: #e8a33d;
    --accent-rgb: 232 163 61;
    --accent-border: #67491f;
    --accent-border-rgb: 103 73 31;
    --accent-subtle: #3b2a14;
    --accent-subtle-rgb: 59 42 20;
    --accent-text: #f3bf7b;
    --accent-text-rgb: 243 191 123;
    --accent-vivid: #e8a33d;
    --accent-vivid-rgb: 232 163 61;
    --border: #273639;
    --border-rgb: 39 54 57;
    --border-strong: #66787c;
    --border-strong-rgb: 102 120 124;
    --border-subtle: #1c282b;
    --border-subtle-rgb: 28 40 43;
    --brand: #13a89e;
    --brand-rgb: 19 168 158;
    --brand-active: #87dbd2;
    --brand-active-rgb: 135 219 210;
    --brand-border: #134f4a;
    --brand-border-rgb: 19 79 74;
    --brand-hover: #56c7bd;
    --brand-hover-rgb: 86 199 189;
    --brand-subtle: #0e302d;
    --brand-subtle-rgb: 14 48 45;
    --brand-subtle-hover: #103a37;
    --brand-subtle-hover-rgb: 16 58 55;
    --brand-text: #87dbd2;
    --brand-text-rgb: 135 219 210;
    --brand-vivid: #13a89e;
    --brand-vivid-rgb: 19 168 158;
    --canvas: #071315;
    --canvas-rgb: 7 19 21;
    --danger: #ff8b85;
    --danger-rgb: 255 139 133;
    --danger-border: #76413e;
    --danger-border-rgb: 118 65 62;
    --danger-subtle: #412523;
    --danger-subtle-rgb: 65 37 35;
    --danger-text: #ffb2ad;
    --danger-text-rgb: 255 178 173;
    --danger-vivid: #ff8b85;
    --danger-vivid-rgb: 255 139 133;
    --focus: #56c7bd;
    --focus-rgb: 86 199 189;
    --info: #7eb4ff;
    --info-rgb: 126 180 255;
    --info-border: #3b5376;
    --info-border-rgb: 59 83 118;
    --info-subtle: #202e42;
    --info-subtle-rgb: 32 46 66;
    --info-text: #a7ccff;
    --info-text-rgb: 167 204 255;
    --info-vivid: #7eb4ff;
    --info-vivid-rgb: 126 180 255;
    --on-accent: #1a1206;
    --on-accent-rgb: 26 18 6;
    --on-brand: #04191c;
    --on-brand-rgb: 4 25 28;
    --on-danger: #08151a;
    --on-danger-rgb: 8 21 26;
    --on-info: #08151a;
    --on-info-rgb: 8 21 26;
    --on-success: #08151a;
    --on-success-rgb: 8 21 26;
    --on-warning: #08151a;
    --on-warning-rgb: 8 21 26;
    --success: #65cc78;
    --success-rgb: 101 204 120;
    --success-border: #325e39;
    --success-border-rgb: 50 94 57;
    --success-subtle: #1d3421;
    --success-subtle-rgb: 29 52 33;
    --success-text: #90df9c;
    --success-text-rgb: 144 223 156;
    --success-vivid: #65cc78;
    --success-vivid-rgb: 101 204 120;
    --surface: #111d20;
    --surface-rgb: 17 29 32;
    --surface-inverse: #eaeff0;
    --surface-inverse-rgb: 234 239 240;
    --surface-raised: #1a272a;
    --surface-raised-rgb: 26 39 42;
    --surface-sunken: #020b0e;
    --surface-sunken-rgb: 2 11 14;
    --text: #f2f7f7;
    --text-rgb: 242 247 247;
    --text-inverse: #262b2d;
    --text-inverse-rgb: 38 43 45;
    --text-muted: #a8b4b7;
    --text-muted-rgb: 168 180 183;
    --text-secondary: #c1cbce;
    --text-secondary-rgb: 193 203 206;
    --warning: #e9a141;
    --warning-rgb: 233 161 65;
    --warning-border: #6c4b22;
    --warning-border-rgb: 108 75 34;
    --warning-subtle: #3c2a14;
    --warning-subtle-rgb: 60 42 20;
    --warning-text: #f8bc76;
    --warning-text-rgb: 248 188 118;
    --warning-vivid: #e9a141;
    --warning-vivid-rgb: 233 161 65;
    --shadow-rgb: 0 0 0;
    --elevation-none: none;
    --elevation-xs: 0 1px 2px rgb(0 0 0 / 0.40);
    --elevation-sm: 0 1px 2px rgb(0 0 0 / 0.44), 0 2px 6px rgb(0 0 0 / 0.34);
    --elevation-md: 0 2px 4px rgb(0 0 0 / 0.44), 0 6px 16px rgb(0 0 0 / 0.38);
    --elevation-lg: 0 4px 8px rgb(0 0 0 / 0.46), 0 14px 32px rgb(0 0 0 / 0.44);
    --elevation-xl: 0 8px 16px rgb(0 0 0 / 0.48), 0 28px 64px rgb(0 0 0 / 0.52);
  }

}