/* Generated from src/theme/tokens.ts by //tools/generate:generate-design-system-tokens.
   Do not edit: change tokens.ts and regenerate. */

:root {
  --brand-blue: #1A73E8;
  --brand-blue-700: #1765CC;
  --brand-blue-900: #174EA6;
  --brand-blue-100: #D2E3FC;
  --brand-blue-050: #E8F0FE;
  --brand-blue-active: #BBD2F9;
  --status-info-bg: #E8F0FE;
  --status-success-bg: #E6F4EA;
  --status-warning-bg: #FEF7E0;
  --status-danger-bg: #FCE8E6;
  --status-info-text: #1967D2;
  --status-success-text: #137333;
  --status-warning-text: #8E5E00;
  --status-danger-text: #C5221F;
  --surface-0: #FFFFFF;
  --surface-1: #F8F9FA;
  --surface-2: #F1F3F4;
  --surface-scrim: rgba(32,33,36,.6);
  --surface-loading-scrim: rgba(255,255,255,.6);
  --fg-1: #202124;
  --fg-2: #3C4043;
  --fg-3: #5F6368;
  --fg-4: #80868B;
  --fg-disabled: #BDC1C6;
  --fg-on-brand: #FFFFFF;
  --fg-link: #1A73E8;
  --fg-link-visited: #174EA6;
  --border-1: #DADCE0;
  --border-2: #E8EAED;
  --border-strong: #BDC1C6;
  --border-focus: #1A73E8;
  --brand-mark-blue: #4285F4;
  --brand-mark-red: #EA4335;
  --brand-mark-yellow: #FBBC04;
  --brand-mark-green: #34A853;
  --elev-1: 0 1px 2px rgba(60,64,67,.10);
  --elev-2: 0 1px 3px rgba(60,64,67,.12), 0 4px 8px rgba(60,64,67,.04);
  --elev-3: 0 4px 8px rgba(60,64,67,.15), 0 8px 16px rgba(60,64,67,.08);
  --elev-4: 0 8px 16px rgba(60,64,67,.18), 0 16px 32px rgba(60,64,67,.10);
  --product-federation-dev: #1A73E8;
  --product-federation-dev-700: #1765CC;
  --product-federation-dev-050: #E8F0FE;
  --status-info: #1A73E8;
  --status-success: #1E8E3E;
  --status-warning: #F9AB00;
  --status-danger: #D93025;
  --status-danger-hover: #FAD2CF;
  --status-danger-filled-hover: #B3261E;
  --grey-50: #F8F9FA;
  --grey-100: #F1F3F4;
  --grey-200: #E8EAED;
  --grey-300: #DADCE0;
  --grey-400: #BDC1C6;
  --grey-500: #9AA0A6;
  --grey-600: #80868B;
  --grey-700: #5F6368;
  --grey-800: #3C4043;
  --grey-900: #202124;
  --grey-950: #17181B;
  --font-display: 'Google Sans Text', 'Google Sans', 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Fira Code', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --type-display-lg: 57px;
  --type-display-md: 45px;
  --type-display-sm: 36px;
  --type-headline-lg: 32px;
  --type-headline-md: 28px;
  --type-headline-sm: 24px;
  --type-title-lg: 22px;
  --type-title-md: 16px;
  --type-title-sm: 14px;
  --type-body-lg: 16px;
  --type-body-md: 14px;
  --type-body-sm: 12px;
  --type-label-lg: 14px;
  --type-label-md: 12px;
  --type-label-sm: 11px;
  --type-mono: 13px;
  --lh-display: 1.12;
  --lh-headline: 1.25;
  --lh-title: 1.35;
  --lh-body: 1.5;
  --lh-tight: 1.2;
  --lh-label: 1.3;
  --ls-display: -0.015em;
  --ls-headline: -0.005em;
  --ls-title: 0;
  --ls-body: 0.0025em;
  --ls-label: 0.05em;
  --w-light: 300;
  --w-regular: 400;
  --w-medium: 500;
  --w-bold: 700;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-pill: 999px;
  --elev-0: none;
  --ease-standard: cubic-bezier(.2,0,0,1);
  --ease-enter: cubic-bezier(0,0,.2,1);
  --ease-exit: cubic-bezier(.4,0,1,1);
  --dur-fast: 150ms;
  --dur-base: 200ms;
  --dur-emphasized: 300ms;
  --nav-rail-w: 256px;
  --topbar-h: 56px;
  --topbar-h-marketing: 64px;
  --container-max: 1280px;
  --breakpoint-xs: 0;
  --breakpoint-sm: 600px;
  --breakpoint-md: 900px;
  --breakpoint-lg: 1200px;
  --breakpoint-xl: 1536px;
}

:root.dark,
.theme-dark {
  --brand-blue: #1A73E8;
  --brand-blue-700: #1765CC;
  --brand-blue-900: #174EA6;
  --brand-blue-100: #1F3057;
  --brand-blue-050: #1A2438;
  --brand-blue-active: #1F3057;
  --status-info-bg: #1A2438;
  --status-success-bg: #102818;
  --status-warning-bg: #3A2E0A;
  --status-danger-bg: #3A1614;
  --status-info-text: #8AB4F8;
  --status-success-text: #81C995;
  --status-warning-text: #FDD663;
  --status-danger-text: #F28B82;
  --surface-0: #202124;
  --surface-1: #292A2D;
  --surface-2: #35363A;
  --surface-scrim: rgba(32,33,36,.6);
  --surface-loading-scrim: rgba(32,33,36,.6);
  --fg-1: #E8EAED;
  --fg-2: #BDC1C6;
  --fg-3: #9AA0A6;
  --fg-4: #80868B;
  --fg-disabled: #5F6368;
  --fg-on-brand: #FFFFFF;
  --fg-link: #8AB4F8;
  --fg-link-visited: #174EA6;
  --border-1: #3C4043;
  --border-2: #292A2D;
  --border-strong: #5F6368;
  --border-focus: #1A73E8;
  --brand-mark-blue: #8AB4F8;
  --brand-mark-red: #F28B82;
  --brand-mark-yellow: #FDD663;
  --brand-mark-green: #81C995;
  --elev-1: 0 1px 2px rgba(0,0,0,.40);
  --elev-2: 0 1px 3px rgba(0,0,0,.45), 0 4px 8px rgba(0,0,0,.30);
  --elev-3: 0 4px 8px rgba(0,0,0,.55), 0 8px 16px rgba(0,0,0,.35);
  --elev-4: 0 8px 16px rgba(0,0,0,.60), 0 16px 32px rgba(0,0,0,.40);
}