/* Generated by design/build-tokens.ts from design/tokens.json. Do not edit. */
:root {
  --color-accent: #0d5257;
  --color-accent-secondary: #5e366e;
  --color-accent-secondary-text: #5e366e;
  --color-accent-yubikey: #5e366e;
  --color-on-accent: #ffffff;
  --color-accent-text: #0d5257;
  --color-background-primary: #ffffff;
  --color-background-secondary: #f2f2f7;
  --color-background-tertiary: #ffffff;
  --color-background-elevated: #ffffff;
  --color-background-grouped: #f2f2f7;
  --color-background-grouped-secondary: #ffffff;
  --color-label-primary: #000000;
  --color-label-secondary: #3c3c43b5;
  --color-label-tertiary: #3c3c434d;
  --color-label-quaternary: #3c3c432e;
  --color-label-vibrant: #1a1a1a;
  --color-label-vibrant-secondary: #727272;
  --color-fill-primary: #78787833;
  --color-fill-secondary: #78788029;
  --color-fill-tertiary: #7676801f;
  --color-fill-quaternary: #74748014;
  --color-separator: #0000001f;
  --color-separator-opaque: #c6c6c8;
  --color-sidebar: #edf4fa;
  --color-sidebar-selected: #dae6f2;
  --color-danger: #ff383c;
  --color-danger-text: #d70015;
  --color-danger-fill: #ff383c24;
  --color-success: #34c759;
  --color-overlay: #00000033;
  --color-segmented-selected: #ffffff;
  --glass-tint-clear: #ffffff38;
  --glass-tint-tinted: #ffffffb3;
  --glass-control-tint-clear: #ffffff26;
  --glass-control-tint-tinted: #f2f2f2b3;
  --glass-ring: #00000024;
  --glass-highlight: #ffffff29;
  --glass-shadow: #00000040;
  --glass-control-shadow: #00000005;
  --glass-blur-surface: 16px;
  --glass-blur-control: 6px;
  --glass-blur-shadow: 48px;
  --glass-blur-control-shadow: 15px;
  --glass-blur-shadow-offset: 8px;
  --glass-saturation: 1.8;
  --glass-level-default: 0;
  --glass-scroll-edge-blur: 10px;
  --glass-scroll-edge-top: 27px;
  --glass-scroll-edge-bottom: 62px;
  --glass-text-halo: #ffffff99;
  --radius-capsule: 9999px;
  --radius-surface: 34px;
  --radius-sheet: 38px;
  --radius-card: 16px;
  --radius-track: 3px;
  --size-target: 44px;
  --size-control: 44px;
  --size-control-large: 48px;
  --size-icon-button: 36px;
  --size-toolbar: 54px;
  --size-sidebar: 320px;
  --size-row: 44px;
  --size-field: 52px;
  --size-menu: 238px;
  --size-menu-item: 40px;
  --size-track: 6px;
  --size-grabber-width: 60px;
  --size-grabber-height: 4px;
  --size-sheet-inset: 6px;
  --size-readable: 672px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-toolbar-gap: 10px;
  --space-group-gap: 18px;
  --font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --text-large-title-size: 34px;
  --text-large-title-line-height: 41px;
  --text-large-title-tracking: 0.4px;
  --text-title1-size: 28px;
  --text-title1-line-height: 34px;
  --text-title1-tracking: 0.38px;
  --text-title2-size: 22px;
  --text-title2-line-height: 28px;
  --text-title2-tracking: -0.26px;
  --text-title3-size: 20px;
  --text-title3-line-height: 25px;
  --text-title3-tracking: -0.45px;
  --text-headline-size: 17px;
  --text-headline-line-height: 22px;
  --text-headline-tracking: -0.43px;
  --text-headline-weight: 600;
  --text-body-size: 17px;
  --text-body-line-height: 22px;
  --text-body-tracking: -0.43px;
  --text-callout-size: 16px;
  --text-callout-line-height: 21px;
  --text-callout-tracking: -0.31px;
  --text-subheadline-size: 15px;
  --text-subheadline-line-height: 20px;
  --text-subheadline-tracking: -0.23px;
  --text-footnote-size: 13px;
  --text-footnote-line-height: 18px;
  --text-footnote-tracking: -0.08px;
  --text-caption1-size: 12px;
  --text-caption1-line-height: 16px;
  --text-caption1-tracking: 0px;
  --text-caption2-size: 11px;
  --text-caption2-line-height: 13px;
  --text-caption2-tracking: 0.06px;
  --motion-duration-quick: 200ms;
  --motion-duration-standard: 350ms;
  --motion-easing-spring: cubic-bezier(0.2, 0.9, 0.25, 1.05);
  --motion-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
}


/* The system appearance, unless the page fixes one with data-appearance. */
@media (prefers-color-scheme: dark) {
  :root:not([data-appearance="light"]) {
    --color-accent-secondary-text: #ffffff;
    --color-accent-text: #ffffff;
    --color-background-primary: #000000;
    --color-background-secondary: #1c1c1e;
    --color-background-tertiary: #2c2c2e;
    --color-background-elevated: #1c1c1e;
    --color-background-grouped: #000000;
    --color-background-grouped-secondary: #1c1c1e;
    --color-label-primary: #ffffff;
    --color-label-secondary: #ebebf5b2;
    --color-label-tertiary: #ebebf54d;
    --color-label-quaternary: #ebebf529;
    --color-label-vibrant: #f5f5f5;
    --color-label-vibrant-secondary: #8a8a8a;
    --color-fill-primary: #7878805c;
    --color-fill-secondary: #78788052;
    --color-fill-tertiary: #7676803d;
    --color-fill-quaternary: #7676802e;
    --color-separator: #ffffff2b;
    --color-separator-opaque: #38383a;
    --color-sidebar: #131414;
    --color-sidebar-selected: #2c2c2e;
    --color-danger: #ff4245;
    --color-danger-text: #ff4245;
    --color-danger-fill: #ff424524;
    --color-success: #30d158;
    --color-overlay: #0000007a;
    --color-segmented-selected: #ffffff45;
    --glass-tint-clear: #1a1a1a59;
    --glass-tint-tinted: #1a1a1ae6;
    --glass-control-tint-clear: #99999926;
    --glass-control-tint-tinted: #3a3a3ce6;
    --glass-ring: #00000059;
    --glass-highlight: #ffffff1a;
    --glass-shadow: #00000073;
    --glass-control-shadow: #0000000a;
    --glass-text-halo: #0000008c;
  }
}

:root[data-appearance="dark"] {
  color-scheme: dark;
  --color-accent-secondary-text: #ffffff;
  --color-accent-text: #ffffff;
  --color-background-primary: #000000;
  --color-background-secondary: #1c1c1e;
  --color-background-tertiary: #2c2c2e;
  --color-background-elevated: #1c1c1e;
  --color-background-grouped: #000000;
  --color-background-grouped-secondary: #1c1c1e;
  --color-label-primary: #ffffff;
  --color-label-secondary: #ebebf5b2;
  --color-label-tertiary: #ebebf54d;
  --color-label-quaternary: #ebebf529;
  --color-label-vibrant: #f5f5f5;
  --color-label-vibrant-secondary: #8a8a8a;
  --color-fill-primary: #7878805c;
  --color-fill-secondary: #78788052;
  --color-fill-tertiary: #7676803d;
  --color-fill-quaternary: #7676802e;
  --color-separator: #ffffff2b;
  --color-separator-opaque: #38383a;
  --color-sidebar: #131414;
  --color-sidebar-selected: #2c2c2e;
  --color-danger: #ff4245;
  --color-danger-text: #ff4245;
  --color-danger-fill: #ff424524;
  --color-success: #30d158;
  --color-overlay: #0000007a;
  --color-segmented-selected: #ffffff45;
  --glass-tint-clear: #1a1a1a59;
  --glass-tint-tinted: #1a1a1ae6;
  --glass-control-tint-clear: #99999926;
  --glass-control-tint-tinted: #3a3a3ce6;
  --glass-ring: #00000059;
  --glass-highlight: #ffffff1a;
  --glass-shadow: #00000073;
  --glass-control-shadow: #0000000a;
  --glass-text-halo: #0000008c;
}

:root[data-appearance="light"] {
  color-scheme: light;
}