/* Generated from DESIGN.md - edit the DESIGN.md, not this file. */
:root {
  /* color */
  --color-primary: #B52C1F;
  --color-primary-hover: #9E2519;
  --color-primary-tint: #FBEAE8;
  --color-on-primary: #FFFFFF;
  --color-primary-ink: #B52C1F;
  --color-canvas: #F7F8FA;
  --color-dot: #D5D9E0;
  --color-panel: #FFFFFF;
  --color-panel-2: #F2F4F7;
  --color-hairline: #E4E7EC;
  --color-hairline-strong: #CFD4DC;
  --color-ink: #101828;
  --color-ink-muted: #475467;
  --color-ink-subtle: #667085;
  --color-inverse: #101828;
  --color-inverse-hover: #475467;
  --color-on-inverse: #FFFFFF;
  --color-logo-plate: #FFFFFF;
  --color-success: #12B76A;
  /* radius */
  --radius-xs: 4px;
  --radius-md: 10px;
  --radius-full: 9999px;
  /* spacing */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-xxxl: 64px;
  --space-section: 96px;
  --space-gutter: 40px;
  --space-gutter-sm: 16px;
  --space-grid: 24px;
  --space-control: 44px;
  --space-bar: 64px;
  --space-container: 1280px;
  /* type scale */
  --text-display: 60px;
  --text-display-sm: 36px;
  --text-headline: 40px;
  --text-headline-sm: 28px;
  --text-title: 20px;
  --text-title-sm: 17px;
  --text-body-lg: 19px;
  --text-body: 16px;
  --text-body-sm: 14px;
  --text-label: 13px;
  --text-button: 15px;
  --text-mono: 12px;
  --text-mono-sm: 11px;
  --font-thmanyah-sans: "Thmanyah Sans", Tahoma, sans-serif;
  --font-ibm-plex-mono: "IBM Plex Mono", "Thmanyah Sans", monospace;
}

/* Type styles - apply as a single class so size, weight, leading and
   tracking always travel together. Splitting them is how scales drift. */
.type-display { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-display); font-weight: 700; line-height: 1.2; letter-spacing: 0; }
.type-display-sm { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-display-sm); font-weight: 700; line-height: 1.25; letter-spacing: 0; }
.type-headline { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-headline); font-weight: 700; line-height: 1.3; letter-spacing: 0; }
.type-headline-sm { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-headline-sm); font-weight: 700; line-height: 1.35; letter-spacing: 0; }
.type-title { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-title); font-weight: 700; line-height: 1.45; letter-spacing: 0; }
.type-title-sm { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-title-sm); font-weight: 700; line-height: 1.5; letter-spacing: 0; }
.type-body-lg { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-body-lg); font-weight: 400; line-height: 1.75; letter-spacing: 0; }
.type-body { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-body); font-weight: 400; line-height: 1.75; letter-spacing: 0; }
.type-body-sm { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-body-sm); font-weight: 400; line-height: 1.65; letter-spacing: 0; }
.type-label { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-label); font-weight: 500; line-height: 1.5; letter-spacing: 0; }
.type-button { font-family: "Thmanyah Sans", Tahoma, sans-serif; font-size: var(--text-button); font-weight: 500; line-height: 1.2; letter-spacing: 0; }
.type-mono { font-family: "IBM Plex Mono", "Thmanyah Sans", monospace; font-size: var(--text-mono); font-weight: 500; line-height: 1.4; letter-spacing: 0; }
.type-mono-sm { font-family: "IBM Plex Mono", "Thmanyah Sans", monospace; font-size: var(--text-mono-sm); font-weight: 400; line-height: 1.4; letter-spacing: 0; }