/* Generated by `mix troupe.theme` from clients/gui/docs/design/themes/signal.tokens.json.
   Do not edit: change the tokens and regenerate. */

:root {
  --border-edge: 2px;
  --border-focus: 2px;
  --border-hairline: 1px;
  --border-heavy: 4px;
  --border-marker: 3px;
  --border-strong: 1px;
  --breakpoint-lg: 1040px;
  --breakpoint-md: 720px;
  --breakpoint-min: 380px;
  --breakpoint-sm: 480px;
  --breakpoint-xl: 1320px;
  --mark-eye-left: M15.5 21 Q19 18.4 22.5 21 Q19 23.6 15.5 21 Z;
  --mark-eye-right: M25.5 21 Q29 18.4 32.5 21 Q29 23.6 25.5 21 Z;
  --mark-light-direction: right;
  --mark-path: M9 15 Q9 7 24 7 Q39 7 39 15 L39 25 Q39 35 24 43 Q9 35 9 25 Z;
  --mark-seam-min-size: 32px;
  --mark-seam-path: M24 8 L24 42;
  --mark-stroke-width-lg: 2.6;
  --mark-stroke-width-md: 3;
  --mark-stroke-width-sm: 3.4;
  --mark-view-box: 0 0 48 48;
  --motion-duration-base: 180ms;
  --motion-duration-caret: 1000ms;
  --motion-duration-fast: 120ms;
  --motion-duration-instant: 0ms;
  --motion-duration-pulse: 2200ms;
  --motion-duration-slow: 300ms;
  --motion-duration-wake: 700ms;
  --motion-easing-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --motion-easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
  --motion-easing-linear: linear;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --radius-lg: 0px;
  --radius-md: 0px;
  --radius-none: 0px;
  --radius-pill: 0px;
  --radius-sm: 0px;
  --radius-xs: 0px;
  --shadow-none: none;
  --size-avatar-lg: 34px;
  --size-avatar-md: 26px;
  --size-avatar-sm: 20px;
  --size-backstage-width: 380px;
  --size-composer-min-height: 52px;
  --size-mark-display: 108px;
  --size-rail-width: 230px;
  --size-switch-track: 44px;
  --size-touch-target: 44px;
  --space-0: 0px;
  --space-1: 4px;
  --space-10: 96px;
  --space-11: 128px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 22px;
  --space-6: 28px;
  --space-7: 38px;
  --space-8: 52px;
  --space-9: 72px;
  --space-half: 2px;
  --space-px: 1px;
  --typography-family-mono: 'DM Mono',ui-monospace,Menlo,monospace;
  --typography-family-sans: 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-family-screen: 'VT323',monospace;
  --typography-measure-narrow: 46ch;
  --typography-measure-reading: 78ch;
  --typography-role-body-family: sans;
  --typography-role-body-letter-spacing: 0;
  --typography-role-body-line-height: 1.65;
  --typography-role-body-size: 15px;
  --typography-role-body-weight: 400;
  --typography-role-body-strong-family: sans;
  --typography-role-body-strong-letter-spacing: 0;
  --typography-role-body-strong-line-height: 1.65;
  --typography-role-body-strong-size: 15px;
  --typography-role-body-strong-weight: 600;
  --typography-role-code-family: mono;
  --typography-role-code-letter-spacing: 0;
  --typography-role-code-line-height: 1.55;
  --typography-role-code-size: 13px;
  --typography-role-code-weight: 400;
  --typography-role-code-small-family: mono;
  --typography-role-code-small-letter-spacing: 0;
  --typography-role-code-small-line-height: 1.7;
  --typography-role-code-small-size: 12px;
  --typography-role-code-small-weight: 400;
  --typography-role-display-family: sans;
  --typography-role-display-letter-spacing: -0.035em;
  --typography-role-display-line-height: 0.9;
  --typography-role-display-size: clamp(52px, 9vw, 96px);
  --typography-role-display-weight: 900;
  --typography-role-heading-family: sans;
  --typography-role-heading-letter-spacing: -0.02em;
  --typography-role-heading-line-height: 1.2;
  --typography-role-heading-size: 22px;
  --typography-role-heading-weight: 900;
  --typography-role-micro-family: mono;
  --typography-role-micro-letter-spacing: 0.08em;
  --typography-role-micro-line-height: 1.3;
  --typography-role-micro-size: 12px;
  --typography-role-micro-weight: 500;
  --typography-role-name-family: sans;
  --typography-role-name-letter-spacing: 0;
  --typography-role-name-line-height: 1.3;
  --typography-role-name-size: 14px;
  --typography-role-name-weight: 800;
  --typography-role-note-family: sans;
  --typography-role-note-letter-spacing: 0;
  --typography-role-note-line-height: 1.5;
  --typography-role-note-size: 14px;
  --typography-role-note-weight: 400;
  --typography-role-screen-family: screen;
  --typography-role-screen-letter-spacing: 0.14em;
  --typography-role-screen-line-height: 1.1;
  --typography-role-screen-size: 19px;
  --typography-role-screen-weight: 400;
  --typography-role-subheading-family: sans;
  --typography-role-subheading-letter-spacing: 0;
  --typography-role-subheading-line-height: 1.3;
  --typography-role-subheading-size: 16px;
  --typography-role-subheading-weight: 800;
  --typography-role-tile-family: sans;
  --typography-role-tile-letter-spacing: -0.02em;
  --typography-role-tile-line-height: 1.15;
  --typography-role-tile-size: 26px;
  --typography-role-tile-weight: 900;
  --typography-role-title-family: sans;
  --typography-role-title-letter-spacing: -0.025em;
  --typography-role-title-line-height: 1.15;
  --typography-role-title-size: 30px;
  --typography-role-title-weight: 900;
  --typography-role-ui-family: sans;
  --typography-role-ui-letter-spacing: 0;
  --typography-role-ui-line-height: 1.4;
  --typography-role-ui-size: 15px;
  --typography-role-ui-weight: 600;
  --typography-role-ui-small-family: sans;
  --typography-role-ui-small-letter-spacing: 0;
  --typography-role-ui-small-line-height: 1.5;
  --typography-role-ui-small-size: 13px;
  --typography-role-ui-small-weight: 400;
  --typography-role-wordmark-family: sans;
  --typography-role-wordmark-letter-spacing: -0.02em;
  --typography-role-wordmark-line-height: 1;
  --typography-role-wordmark-size: 19px;
  --typography-role-wordmark-weight: 900;
  --z-index-approval: 300;
  --z-index-base: 0;
  --z-index-overlay: 500;
  --z-index-rail: 200;
  --z-index-raised: 10;
  --z-index-sheet: 400;
  --z-index-sticky: 100;
  --z-index-toast: 600;
  --typography-role-body: 400 15px/1.65 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-body-strong: 600 15px/1.65 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-code: 400 13px/1.55 'DM Mono',ui-monospace,Menlo,monospace;
  --typography-role-code-small: 400 12px/1.7 'DM Mono',ui-monospace,Menlo,monospace;
  --typography-role-display: 900 clamp(52px, 9vw, 96px)/0.9 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-heading: 900 22px/1.2 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-micro: 500 12px/1.3 'DM Mono',ui-monospace,Menlo,monospace;
  --typography-role-name: 800 14px/1.3 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-note: 400 14px/1.5 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-screen: 400 19px/1.1 'VT323',monospace;
  --typography-role-subheading: 800 16px/1.3 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-tile: 900 26px/1.15 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-title: 900 30px/1.15 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-ui: 600 15px/1.4 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-ui-small: 400 13px/1.5 'Figtree','Segoe UI',system-ui,sans-serif;
  --typography-role-wordmark: 900 19px/1 'Figtree','Segoe UI',system-ui,sans-serif;
  --color-accent: #7FB6F5;
  --color-bg-canvas: #101215;
  --color-bg-hover: #242931;
  --color-bg-panel: #16191E;
  --color-bg-raised: #1D2128;
  --color-bg-scrim: rgba(4,5,7,0.72);
  --color-bg-selected: #1F2630;
  --color-bg-shadow: #0A0B0D;
  --color-bg-stage: #0A0B0D;
  --color-bg-sunken: #0B0D10;
  --color-border-divider: #1A1E24;
  --color-border-focus: #3FD2E8;
  --color-border-hairline: #252A31;
  --color-border-strong: #3A424C;
  --color-diff-added-bg: #07251A;
  --color-diff-added-marker: #22754F;
  --color-diff-added-text: #7FDCAE;
  --color-diff-context-text: #8A919B;
  --color-diff-gutter-bg: #0A0C0F;
  --color-diff-gutter-text: #5E656E;
  --color-diff-hunk-header: #7D848E;
  --color-diff-removed-bg: #291310;
  --color-diff-removed-marker: #87402F;
  --color-diff-removed-text: #EFA294;
  --color-person-1: #6FB5FF;
  --color-person-2: #C08BFF;
  --color-person-3: #59D6B4;
  --color-person-4: #E8C15E;
  --color-person-5: #6FD3E8;
  --color-person-6: #A8B6C4;
  --color-person-agent: #C9CFD6;
  --color-person-self: #A6ADB6;
  --color-status-allowed-bg: #07281B;
  --color-status-allowed-border: #1E5C40;
  --color-status-allowed-fg: #5FD69B;
  --color-status-denied-bg: #2A1411;
  --color-status-denied-border: #6E382E;
  --color-status-denied-fg: #DA8B7B;
  --color-status-dormant-bg: #15172B;
  --color-status-dormant-border: #343869;
  --color-status-dormant-fg: #8E93E8;
  --color-status-error-bg: #2C100C;
  --color-status-error-border: #7F3228;
  --color-status-error-fg: #FF6B5B;
  --color-status-local-bg: #15181D;
  --color-status-local-border: #2D343C;
  --color-status-local-fg: #99A1AC;
  --color-status-offline-bg: #201B12;
  --color-status-offline-border: #4B4028;
  --color-status-offline-fg: #C9B27A;
  --color-status-private-bg: #101619;
  --color-status-private-border: #2A3A42;
  --color-status-private-fg: #7FA8B8;
  --color-status-queued-bg: #15181D;
  --color-status-queued-border: #2D343C;
  --color-status-queued-fg: #99A1AC;
  --color-status-readonly-bg: #14171B;
  --color-status-readonly-border: #2B3139;
  --color-status-readonly-fg: #9AA2AC;
  --color-status-running-bg: #062A31;
  --color-status-running-border: #125B69;
  --color-status-running-fg: #3FD2E8;
  --color-status-running-solid: #3FD2E8;
  --color-status-waiting-bg: #2C0B1F;
  --color-status-waiting-border: #8A2160;
  --color-status-waiting-fg: #FF7FC6;
  --color-status-waiting-solid: #FF5CB8;
  --color-text-body: #ECEFF3;
  --color-text-inverse: #0A0B0D;
  --color-text-label: #AEB5BE;
  --color-text-link: #7FB6F5;
  --color-text-link-hover: #ABD2FA;
  --color-text-muted: #7D848E;
  --color-text-primary: #ECEFF3;
  --color-text-secondary: #AEB5BE;
  --shadow-footlight: 0 -1px 0 #FF5CB8, 0 -14px 34px rgba(255,92,184,0.15);
  --shadow-overlay: 0 16px 48px rgba(0,0,0,0.68);
  --shadow-raise: 0 1px 2px rgba(0,0,0,0.55);
  --shadow-sheet: 0 -8px 28px rgba(0,0,0,0.6);
}

/* An explicit light choice, and the system preference where no choice was made.
   Written twice rather than once so that `data-theme="dark"` beats a light OS. */
:root[data-theme="light"] {
  --color-accent: #14568F;
  --color-bg-canvas: #EDEFF2;
  --color-bg-hover: #E4E8ED;
  --color-bg-panel: #F9FAFB;
  --color-bg-raised: #FFFFFF;
  --color-bg-scrim: rgba(14,16,19,0.44);
  --color-bg-selected: #DFE5EC;
  --color-bg-shadow: #D9DCE0;
  --color-bg-stage: #D9DCE0;
  --color-bg-sunken: #E3E6EA;
  --color-border-divider: #D9DDE2;
  --color-border-focus: #0A5866;
  --color-border-hairline: #C8CCD2;
  --color-border-strong: #979EA7;
  --color-diff-added-bg: #DCF1E6;
  --color-diff-added-marker: #2A8659;
  --color-diff-added-text: #0B5637;
  --color-diff-context-text: #4B525B;
  --color-diff-gutter-bg: #E1E5E9;
  --color-diff-gutter-text: #646B74;
  --color-diff-hunk-header: #525A64;
  --color-diff-removed-bg: #F9E2DD;
  --color-diff-removed-marker: #B35538;
  --color-diff-removed-text: #832E1E;
  --color-person-1: #1B5299;
  --color-person-2: #5B2E96;
  --color-person-3: #0A6B55;
  --color-person-4: #7A5B00;
  --color-person-5: #0B6076;
  --color-person-6: #3F4C5A;
  --color-person-agent: #1C2127;
  --color-person-self: #414850;
  --color-status-allowed-bg: #DCF1E6;
  --color-status-allowed-border: #8AC7AC;
  --color-status-allowed-fg: #0F6342;
  --color-status-denied-bg: #F9E2DD;
  --color-status-denied-border: #D79F92;
  --color-status-denied-fg: #8E3626;
  --color-status-dormant-bg: #E3E4F6;
  --color-status-dormant-border: #ABAEDE;
  --color-status-dormant-fg: #3B3FA0;
  --color-status-error-bg: #FBDFDB;
  --color-status-error-border: #E0998E;
  --color-status-error-fg: #A3200F;
  --color-status-local-bg: #E5E8EC;
  --color-status-local-border: #B5BBC3;
  --color-status-local-fg: #4E555E;
  --color-status-offline-bg: #EFE8D8;
  --color-status-offline-border: #C2B391;
  --color-status-offline-fg: #5D4A1E;
  --color-status-private-bg: #E0EAEE;
  --color-status-private-border: #9DBAC5;
  --color-status-private-fg: #245061;
  --color-status-queued-bg: #E5E8EC;
  --color-status-queued-border: #B5BBC3;
  --color-status-queued-fg: #4E555E;
  --color-status-readonly-bg: #E6E9ED;
  --color-status-readonly-border: #B3B9C0;
  --color-status-readonly-fg: #414850;
  --color-status-running-bg: #D8EFF3;
  --color-status-running-border: #85C4CF;
  --color-status-running-fg: #0A5866;
  --color-status-running-solid: #0A5866;
  --color-status-waiting-bg: #FCE0F0;
  --color-status-waiting-border: #E68BC0;
  --color-status-waiting-fg: #9B0A5E;
  --color-status-waiting-solid: #C11A79;
  --color-text-body: #0E1013;
  --color-text-inverse: #FFFFFF;
  --color-text-label: #3A4049;
  --color-text-link: #14568F;
  --color-text-link-hover: #0B3A64;
  --color-text-muted: #585F68;
  --color-text-primary: #0E1013;
  --color-text-secondary: #3A4049;
  --shadow-footlight: 0 -1px 0 #C11A79, 0 -14px 34px rgba(193,26,121,0.13);
  --shadow-overlay: 0 16px 48px rgba(14,16,19,0.22);
  --shadow-raise: 0 1px 2px rgba(14,16,19,0.10);
  --shadow-sheet: 0 -8px 28px rgba(14,16,19,0.16);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --color-accent: #14568F;
    --color-bg-canvas: #EDEFF2;
    --color-bg-hover: #E4E8ED;
    --color-bg-panel: #F9FAFB;
    --color-bg-raised: #FFFFFF;
    --color-bg-scrim: rgba(14,16,19,0.44);
    --color-bg-selected: #DFE5EC;
    --color-bg-shadow: #D9DCE0;
    --color-bg-stage: #D9DCE0;
    --color-bg-sunken: #E3E6EA;
    --color-border-divider: #D9DDE2;
    --color-border-focus: #0A5866;
    --color-border-hairline: #C8CCD2;
    --color-border-strong: #979EA7;
    --color-diff-added-bg: #DCF1E6;
    --color-diff-added-marker: #2A8659;
    --color-diff-added-text: #0B5637;
    --color-diff-context-text: #4B525B;
    --color-diff-gutter-bg: #E1E5E9;
    --color-diff-gutter-text: #646B74;
    --color-diff-hunk-header: #525A64;
    --color-diff-removed-bg: #F9E2DD;
    --color-diff-removed-marker: #B35538;
    --color-diff-removed-text: #832E1E;
    --color-person-1: #1B5299;
    --color-person-2: #5B2E96;
    --color-person-3: #0A6B55;
    --color-person-4: #7A5B00;
    --color-person-5: #0B6076;
    --color-person-6: #3F4C5A;
    --color-person-agent: #1C2127;
    --color-person-self: #414850;
    --color-status-allowed-bg: #DCF1E6;
    --color-status-allowed-border: #8AC7AC;
    --color-status-allowed-fg: #0F6342;
    --color-status-denied-bg: #F9E2DD;
    --color-status-denied-border: #D79F92;
    --color-status-denied-fg: #8E3626;
    --color-status-dormant-bg: #E3E4F6;
    --color-status-dormant-border: #ABAEDE;
    --color-status-dormant-fg: #3B3FA0;
    --color-status-error-bg: #FBDFDB;
    --color-status-error-border: #E0998E;
    --color-status-error-fg: #A3200F;
    --color-status-local-bg: #E5E8EC;
    --color-status-local-border: #B5BBC3;
    --color-status-local-fg: #4E555E;
    --color-status-offline-bg: #EFE8D8;
    --color-status-offline-border: #C2B391;
    --color-status-offline-fg: #5D4A1E;
    --color-status-private-bg: #E0EAEE;
    --color-status-private-border: #9DBAC5;
    --color-status-private-fg: #245061;
    --color-status-queued-bg: #E5E8EC;
    --color-status-queued-border: #B5BBC3;
    --color-status-queued-fg: #4E555E;
    --color-status-readonly-bg: #E6E9ED;
    --color-status-readonly-border: #B3B9C0;
    --color-status-readonly-fg: #414850;
    --color-status-running-bg: #D8EFF3;
    --color-status-running-border: #85C4CF;
    --color-status-running-fg: #0A5866;
    --color-status-running-solid: #0A5866;
    --color-status-waiting-bg: #FCE0F0;
    --color-status-waiting-border: #E68BC0;
    --color-status-waiting-fg: #9B0A5E;
    --color-status-waiting-solid: #C11A79;
    --color-text-body: #0E1013;
    --color-text-inverse: #FFFFFF;
    --color-text-label: #3A4049;
    --color-text-link: #14568F;
    --color-text-link-hover: #0B3A64;
    --color-text-muted: #585F68;
    --color-text-primary: #0E1013;
    --color-text-secondary: #3A4049;
    --shadow-footlight: 0 -1px 0 #C11A79, 0 -14px 34px rgba(193,26,121,0.13);
    --shadow-overlay: 0 16px 48px rgba(14,16,19,0.22);
    --shadow-raise: 0 1px 2px rgba(14,16,19,0.10);
    --shadow-sheet: 0 -8px 28px rgba(14,16,19,0.16);
  }
}