/* Generated by tools/tokens_to_css.py from assets/brand/tokens.json. Do not edit. */
:root {
  --brand-ink: #111111;
  --brand-white: #FFFFFF;
  --brand-emerald: #059669;
  --brand-emeraldText: #047857;
  --brand-emeraldOnDark: #10B981;
  --neutral-0: #FFFFFF;
  --neutral-50: #FAFAFA;
  --neutral-100: #F4F4F5;
  --neutral-200: #ECECEC;
  --neutral-300: #D4D4D8;
  --neutral-400: #A1A1AA;
  --neutral-500: #85858F;
  --neutral-600: #71717A;
  --neutral-700: #52525B;
  --neutral-800: #3F3F46;
  --neutral-850: #27272A;
  --neutral-900: #18181B;
  --neutral-950: #111111;
  --neutral-1000: #000000;
  --spacing-unit: 4px;
  --space-0: 0px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --spacing-rhythm: calc(var(--spacing-unit) * 2);
  --radius-input: 8px;
  --radius-button: 8px;
  --radius-card: 12px;
  --radius-sheet: 14px;
  --radius-pill: 999px;
  --interaction-min-target: 44px;
  --interaction-primary-height: 44px;
  --interaction-desktop-height: 40px;
  --interaction-row-min-height: 44px;
  --interaction-focus-width: 2px;
  --interaction-disabled-opacity: 1;
  --icon-small: 16px;
  --icon-default: 18px;
  --icon-large: 24px;
  --icon-grid: 24px;
  --icon-stroke-width: 1.9px;
  --icon-linecap: round;
  --icon-linejoin: round;
  --type-display-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-display-font-size: 2.25rem;
  --type-display-line-height: 2.625rem;
  --type-display-font-weight: 600;
  --type-display: var(--type-display-font-weight) var(--type-display-font-size)/var(--type-display-line-height) var(--type-display-font-family);
  --type-brand-heading-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-brand-heading-font-size: 1.75rem;
  --type-brand-heading-line-height: 2.125rem;
  --type-brand-heading-font-weight: 600;
  --type-brand-heading: var(--type-brand-heading-font-weight) var(--type-brand-heading-font-size)/var(--type-brand-heading-line-height) var(--type-brand-heading-font-family);
  --type-screen-title-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-screen-title-font-size: 1.5rem;
  --type-screen-title-line-height: 1.875rem;
  --type-screen-title-font-weight: 600;
  --type-screen-title: var(--type-screen-title-font-weight) var(--type-screen-title-font-size)/var(--type-screen-title-line-height) var(--type-screen-title-font-family);
  --type-section-title-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-section-title-font-size: 1.125rem;
  --type-section-title-line-height: 1.5rem;
  --type-section-title-font-weight: 600;
  --type-section-title: var(--type-section-title-font-weight) var(--type-section-title-font-size)/var(--type-section-title-line-height) var(--type-section-title-font-family);
  --type-body-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-body-font-size: 1.0625rem;
  --type-body-line-height: 1.75rem;
  --type-body-font-weight: 400;
  --type-body: var(--type-body-font-weight) var(--type-body-font-size)/var(--type-body-line-height) var(--type-body-font-family);
  --type-body-strong-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-body-strong-font-size: 1.0625rem;
  --type-body-strong-line-height: 1.75rem;
  --type-body-strong-font-weight: 600;
  --type-body-strong: var(--type-body-strong-font-weight) var(--type-body-strong-font-size)/var(--type-body-strong-line-height) var(--type-body-strong-font-family);
  --type-button-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-button-font-size: 0.9375rem;
  --type-button-line-height: 1.25rem;
  --type-button-font-weight: 600;
  --type-button: var(--type-button-font-weight) var(--type-button-font-size)/var(--type-button-line-height) var(--type-button-font-family);
  --type-label-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-label-font-size: 0.875rem;
  --type-label-line-height: 1.25rem;
  --type-label-font-weight: 500;
  --type-label: var(--type-label-font-weight) var(--type-label-font-size)/var(--type-label-line-height) var(--type-label-font-family);
  --type-caption-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-caption-font-size: 0.8125rem;
  --type-caption-line-height: 1.125rem;
  --type-caption-font-weight: 400;
  --type-caption: var(--type-caption-font-weight) var(--type-caption-font-size)/var(--type-caption-line-height) var(--type-caption-font-family);
  --type-tab-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-tab-font-size: 0.75rem;
  --type-tab-line-height: 1rem;
  --type-tab-font-weight: 600;
  --type-tab: var(--type-tab-font-weight) var(--type-tab-font-size)/var(--type-tab-line-height) var(--type-tab-font-family);
  --type-metric-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-metric-font-size: 0.9375rem;
  --type-metric-line-height: 1.375rem;
  --type-metric-font-weight: 600;
  --type-metric: var(--type-metric-font-weight) var(--type-metric-font-size)/var(--type-metric-line-height) var(--type-metric-font-family);
  --type-wordmark-font-family: "Inter Tight", "Inter Tight Fallback", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --type-wordmark-font-size: 1.1875rem;
  --type-wordmark-line-height: 1.5rem;
  --type-wordmark-font-weight: 700;
  --type-wordmark: var(--type-wordmark-font-weight) var(--type-wordmark-font-size)/var(--type-wordmark-line-height) var(--type-wordmark-font-family);
  --layout-sidebar: 248px;
  --layout-topbar: 56px;
  --layout-toc: 232px;
  --layout-content-min: 620px;
  --layout-gutter: 32px;
  --layout-phone-gutter: 16px;
  color-scheme: light;
  --color-canvas: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-muted: #FAFAFA;
  --color-sidebar: #FAFAFA;
  --color-hover: #F4F4F5;
  --color-selected: #ECECEC;
  --color-text: #111111;
  --color-text-secondary: #71717A;
  --color-text-muted: #52525B;
  --color-border: #ECECEC;
  --color-control-border: #85858F;
  --color-primary: #111111;
  --color-on-primary: #FFFFFF;
  --color-primary-hover: #27272A;
  --color-accent: #059669;
  --color-accent-text: #047857;
  --color-on-accent: #FFFFFF;
  --color-focus: #059669;
  --color-header-text: #111111;
  --color-header-background: #FFFFFF;
  --color-disabled-background: #F4F4F5;
  --color-disabled-text: #52525B;
  --color-nav-text: #3F3F46;
  --status-success-foreground: #047857;
  --status-success-background: #ECFDF5;
  --status-warning-foreground: #854D0E;
  --status-warning-background: #FFFBEB;
  --status-danger-foreground: #B91C1C;
  --status-danger-background: #FEF2F2;
  --status-info-foreground: #52525B;
  --status-info-background: #F4F4F5;
  --shadow-card: 0px 0px 0px 1px color-mix(in srgb, #111111 7%, transparent), 0px 1px 2px 0px color-mix(in srgb, #111111 5%, transparent);
  --shadow-raised: 0px 0px 0px 1px color-mix(in srgb, #111111 6%, transparent), 0px 2px 4px 0px color-mix(in srgb, #111111 4%, transparent), 0px 10px 28px 0px color-mix(in srgb, #111111 7%, transparent);
  --shadow-sheet: 0px 0px 0px 1px color-mix(in srgb, #111111 6%, transparent), 0px 16px 48px 0px color-mix(in srgb, #111111 18%, transparent);
  --shadow-button: inset 0px 0px 0px 1px color-mix(in srgb, #111111 0%, transparent);
  --shadow-line-bottom: 0px 1px 0px 0px #ECECEC;
  --shadow-line-top: 0px -1px 0px 0px #ECECEC;
  --shadow-line-right: inset -1px 0px 0px 0px #ECECEC;
  --shadow-control: inset 0px 0px 0px 1px #85858F;
  --shadow-flat: 0px 0px 0px 0px color-mix(in srgb, #111111 0%, transparent);
  --shadow-line-left: inset 1px 0px 0px 0px #ECECEC;
  --shadow-accent-left: inset 2px 0px 0px 0px #059669;
  --shadow-field: inset 0px 0px 0px 1px color-mix(in srgb, #111111 14%, transparent);
  --shadow-focus: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #059669;
  --shadow-error: inset 0px 0px 0px 2px #B91C1C;
}
@media (prefers-color-scheme: dark) {
:root {
  color-scheme: dark;
  --color-canvas: #111111;
  --color-surface: #18181B;
  --color-surface-muted: #18181B;
  --color-sidebar: #18181B;
  --color-hover: #27272A;
  --color-selected: #3F3F46;
  --color-text: #FAFAFA;
  --color-text-secondary: #A1A1AA;
  --color-text-muted: #D4D4D8;
  --color-border: #27272A;
  --color-control-border: #85858F;
  --color-primary: #111111;
  --color-on-primary: #FFFFFF;
  --color-primary-hover: #27272A;
  --color-accent: #059669;
  --color-accent-text: #10B981;
  --color-on-accent: #FFFFFF;
  --color-focus: #10B981;
  --color-header-text: #FAFAFA;
  --color-header-background: #111111;
  --color-disabled-background: #27272A;
  --color-disabled-text: #A1A1AA;
  --color-nav-text: #D4D4D8;
  --status-success-foreground: #6EE7B7;
  --status-success-background: #123329;
  --status-warning-foreground: #FCD34D;
  --status-warning-background: #352A13;
  --status-danger-foreground: #FCA5A5;
  --status-danger-background: #3B1D20;
  --status-info-foreground: #D4D4D8;
  --status-info-background: #27272A;
  --shadow-card: 0px 0px 0px 1px #3F3F46, 0px 1px 2px 0px color-mix(in srgb, #000000 40%, transparent);
  --shadow-raised: 0px 0px 0px 1px #3F3F46, 0px 2px 4px 0px color-mix(in srgb, #000000 40%, transparent), 0px 10px 28px 0px color-mix(in srgb, #000000 50%, transparent);
  --shadow-sheet: 0px 0px 0px 1px #3F3F46, 0px 16px 48px 0px color-mix(in srgb, #000000 60%, transparent);
  --shadow-button: inset 0px 0px 0px 1px #85858F;
  --shadow-line-bottom: 0px 1px 0px 0px #27272A;
  --shadow-line-top: 0px -1px 0px 0px #27272A;
  --shadow-line-right: inset -1px 0px 0px 0px #27272A;
  --shadow-control: inset 0px 0px 0px 1px #85858F;
  --shadow-flat: 0px 0px 0px 0px color-mix(in srgb, #000000 0%, transparent);
  --shadow-line-left: inset 1px 0px 0px 0px #27272A;
  --shadow-accent-left: inset 2px 0px 0px 0px #10B981;
  --shadow-field: inset 0px 0px 0px 1px color-mix(in srgb, #85858F 60%, transparent);
  --shadow-focus: 0px 0px 0px 2px #111111, 0px 0px 0px 4px #10B981;
  --shadow-error: inset 0px 0px 0px 2px #FCA5A5;
}
}