/* Global Primitive Tokens */
:root {
  /* Color */
  --red-500: #e31721;
  --neutrals-white-100: #ffffff;
  --gray-700: #495057;
  --gray-900: #212529;
  --gray-50: #f6f6f6;
  --gray-100: #ecedee;
  --gray-500-alpha: rgba(33, 37, 41, 0.50);
  --red-300-alpha: rgba(227, 23, 33, 0.25);
  --status-blue-500: #177ee3;
  --status-blue-300-alpha: rgba(23, 126, 227, 0.25);
  --red-100-alpha: rgba(227, 31, 33, 0.10);
  --status-yellow-500: #f0be0a;
  --status-yellow-300-alpha: rgba(240, 190, 10, 0.25);
  --status-green-500: #4eb149;
  --status-green-300-alpha: rgba(78, 177, 73, 0.25);
  --red-700: #be131c;
  --gray-200-alpha: rgba(73, 80, 87, 0.25);
  --red-300: #f8c7c7;
  --red-100: #fce9e9;
  --status-green-300: #d3ebd1;
  --status-green-100: #edf7ed;
  --status-green-100-alpha: rgba(78, 177, 73, 0.10);
  --status-yellow-300: #fbefc2;
  --status-yellow-100-alpha: rgba(240, 190, 10, 0.10);
  --status-yellow-100: #fdf8e6;
  --status-blue-300: #c5dff8;
  --status-blue-100: #e8f2fc;
  --status-blue-100-alpha: rgba(23, 126, 227, 0.10);
  --gray-500: #909294;
  --gray-200: #d1d3d5;
  --gray-400-alpha: rgba(73, 80, 87, 0.50);
  --gray-300-alpha: rgba(33, 37, 41, 0.25);
  --gray-400: #a4a7ab;
  --gray-300: #c7c8c9;
  --red-400: #f18f90;
  --red-400-alpha: rgba(227, 23, 33, 0.50);
  --gray-1000: #000000;
  --status-red-500: #d92d20;
  --status-red-300: #f5cac7;
  --status-red-100: #fbeae9;
  --status-red-300-alpha: rgba(217, 45, 32, 0.25);
  --status-red-100-alpha: rgba(217, 45, 32, 0.10);
  --white-100: #ffffff;
  --white-50: rgba(255, 255, 255, 0.50);
  --white-0: rgba(255, 255, 255, 0.00);
  --neutrals-white-0: rgba(255, 255, 255, 0.00);
  --gray-25: #fcfcfc;
  --red-800: #9f1017;
  --red-disabled: #f9d1d3;
  --status-green-700: #3d9639;
  --status-yellow-700: #b08b06;
  --status-red-600: #d32f2f;
  --gray-100-alpha: rgba(73, 80, 87, 0.10);
  --white-25: rgba(255, 255, 255, 0.25);
  --gray-1000-alpha-50: rgba(0, 0, 0, 0.50);

  /* Layout */
  --space-4: 4px;
  --space-8: 8px;
  --space-16: 16px;
  --space-32: 32px;
  --space-12: 12px;
  --space-24: 24px;
  --space-0: 0px;
  --space-2: 2px;
  --space--16: -16px;
  --space-40: 40px;
  --space-80: 80px;
  --space-160: 160px;
  --space-6: 6px;

  /* Shape */
  --radius-0: 0px;
  --radius-8: 8px;
  --radius-4: 4px;
  --radius-16: 16px;
  --border-width-0: 0px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-3: 3px;
  --border-width-15: 1.5px;
  --radius-12: 12px;
  --border-width-6: 6px;
  --radius-100: 100px;
  --radius-9999: 9999px;
  --radius-6: 6px;

  /* Typography */
  --font-weight-bold: "Bold";
  --line-height-24: 24px;
  --font-weight-regular: "Regular";
  --font-size-12: 12px;
  --font-weight-semibold: "SemiBold";
  --font-size-32: 32px;
  --font-size-16: 16px;
  --font-size-24: 24px;
  --font-size-48: 48px;
  --font-family-secondary: "Inter";
  --font-family-primary: "Roboto Condensed";
  --font-size-13: 13px;
  --line-height-28: 28px;
  --line-height-16: 16px;
  --line-height-40: 40px;
  --line-height-56: 56px;
  --line-height-32: 32px;
  --line-height-20: 20px;
  --font-size-8: 8px;
  --letter-spacing-05: 0.5%;
  --font-size-14: 14px;
  --line-height-18: 18px;
  --font-size-20: 20px;
  --font-size-10: 10px;
  --line-height-12: 12px;
}

/* Semantic Tokens */
:root {
  /* Text */
  --text-heading: #e31721;
  --text-strong: #212529;
  --text-body: #495057;
  --text-link-default: #495057;
  --text-on-inverse: #ffffff;
  --text-on-brand: #ffffff;
  --text-link-hover: #212529;
  --text-link-pressed: #212529;
  --text-menuitem-default: #495057;
  --text-menuitem-hover: #be131c;
  --text-menuitem-pressed: #be131c;
  --text-menuitem-active: #000000;
  --text-disabled: #909294;
  --text-menuitem-disabled: #909294;
  --text-button-inverse-default: #ffffff;
  --text-button-pressed: #212529;
  --text-button-default: #212529;
  --text-button-hover: #212529;
  --text-on-brand-secondary: #ffffff;
  --text-button-primary-default: #ffffff;
  --text-button-primary-hover: #ffffff;
  --text-button-primary-pressed: #ffffff;
  --text-tab-default: #495057;
  --text-tab-hover: #495057;
  --text-tab-pressed: #495057;
  --text-tab-active: #ffffff;
  --text-chip-default: #495057;
  --text-chip-hover: #495057;
  --text-chip-pressed: #495057;
  --text-chip-active: #ffffff;
  --text-button-primary-active: #ffffff;
  --text-button-primary-disabled: #ffffff;
  --text-link-active: #212529;

  /* Surface */
  --surface-subtle: #f6f6f6;
  --surface-action-primary-default: #e31721;
  --surface-action-primary-hover: #be131c;
  --surface-feedback-success: #4eb149;
  --surface-feedback-warning: #f0be0a;
  --surface-feedback-error: #d92d20;
  --surface-base: #ffffff;
  --surface-brand: #e31721;
  --surface-action-secondary-subtle-default: #f6f6f6;
  --surface-muted: #ecedee;
  --surface-action-secondary-base-default: #ffffff;
  --surface-action-secondary-base-hover: #d1d3d5;
  --surface-action-secondary-base-pressed: #d1d3d5;
  --surface-action-secondary-muted-default: #ecedee;
  --surface-action-secondary-muted-hover: #d1d3d5;
  --surface-action-secondary-muted-pressed: #d1d3d5;
  --surface-strong: #495057;
  --surface-section-muted: #f6f6f6;
  --surface-blush: #fcfcfc;
  --surface-overlay: rgba(33, 37, 41, 0.50);
  --surface-brand-secondary: #e31721;
  --surface-action-primary-active: #e31721;
  --surface-section-brand: #ffffff;
  --surface-action-primary-disabled: #f9d1d3;
  --surface-card-elevated: #f6f6f6;
  --surface-action-secondary-muted-active: #ffffff;
  --surface-action-secondary-subtle-hover: #d1d3d5;
  --surface-action-secondary-subtle-pressed: #d1d3d5;
  --surface-action-secondary-base-active: #ffffff;
  --surface-action-secondary-subtle-active: #ffffff;
  --surface-action-tab-default: rgba(255, 255, 255, 0.00);
  --surface-action-tab-hover: #d1d3d5;
  --surface-action-tab-pressed: #d1d3d5;
  --surface-action-tab-active: #495057;
  --surface-action-chip-default: #f6f6f6;
  --surface-action-chip-hover: #d1d3d5;
  --surface-action-chip-pressed: #c7c8c9;
  --surface-action-chip-active: #495057;
  --surface-action-input-default: #ffffff;
  --surface-action-input-disabled: #f6f6f6;
  --surface-action-secondary-on-brand-default: rgba(255, 255, 255, 0.25);
  --surface-action-secondary-on-brand-hover: rgba(255, 255, 255, 0.50);
  --surface-action-secondary-on-brand-pressed: rgba(255, 255, 255, 0.50);
  --surface-action-item-hover: #f6f6f6;
  --surface-action-item-pressed: #ecedee;
  --surface-action-selection-default: #ffffff;
  --surface-action-selection-hover: #ffffff;
  --surface-action-selection-active: #ffffff;
  --surface-action-toggle-default: #ffffff;
  --surface-action-toggle-hover: #ffffff;
  --surface-action-toggle-active: #ffffff;
  --surface-action-toggle-knob-default: #495057;
  --surface-action-toggle-knob-hover: #212529;
  --surface-action-toggle-knob-active: #212529;
  --surface-action-selection-pressed: #ffffff;
  --surface-action-stepper-done: #495057;
  --surface-action-stepper-active: #ffffff;
  --surface-action-stepper-pending: #ffffff;
  --surface-action-stepper-connector-active: #495057;
  --surface-action-stepper-connector-pending: #ecedee;
  --surface-action-toggle-knob-pressed: #212529;
  --surface-action-toggle-pressed: #ffffff;
  --surface-action-toggle-disabled: #f6f6f6;
  --surface-action-toggle-knob-disabled: #c7c8c9;
  --surface-action-secondary-muted-disabled: #f6f6f6;
  --surface-action-secondary-subtle-disabled: #f6f6f6;
  --surface-action-selection-disabled: #f6f6f6;
  --surface-action-secondary-on-brand-active: rgba(255, 255, 255, 0.25);
  --surface-on-inverse-subtle: rgba(255, 255, 255, 0.25);
  --surface-on-inverse-default: #ffffff;
  --surface-on-inverse-muted: rgba(255, 255, 255, 0.50);
  --surface-action-secondary-on-inverse-default: rgba(255, 255, 255, 0.25);
  --surface-action-secondary-on-inverse-hover: rgba(255, 255, 255, 0.50);
  --surface-action-secondary-on-inverse-pressed: rgba(255, 255, 255, 0.50);
  --surface-action-secondary-on-inverse-active: rgba(255, 255, 255, 0.25);
  --surface-inverse: #495057;

  /* Icon */
  --icon-brand: #e31721;
  --icon-action-default: #495057;
  --icon-action-hover: #212529;
  --icon-inverse: #ffffff;
  --icon-action-disabled: #909294;
  --icon-action-active: #212529;
  --icon-action-pressed: #212529;
  --icon-action-secondary-base-default: #495057;
  --icon-action-secondary-base-hover: #212529;
  --icon-action-secondary-base-pressed: #212529;
  --icon-default: #212529;
  --icon-on-brand: #ffffff;
  --icon-on-brand-secondary: #ffffff;
  --icon-on-section-brand: #495057;
  --icon-button-primary-default: #ffffff;
  --icon-action-secondary-muted-pressed: #212529;
  --icon-action-secondary-muted-default: #495057;
  --icon-action-secondary-muted-hover: #212529;
  --icon-action-secondary-subtle-default: #495057;
  --icon-action-secondary-subtle-hover: #212529;
  --icon-action-secondary-subtle-pressed: #212529;
  --icon-action-secondary-base-active: #212529;
  --icon-action-secondary-subtle-active: #212529;
  --icon-action-secondary-muted-active: #212529;
  --icon-action-secondary-on-brand-default: #ffffff;
  --icon-action-secondary-on-brand-hover: #ffffff;
  --icon-action-secondary-on-brand-pressed: #ffffff;
  --icon-action-selection-active: #212529;
  --icon-action-secondary-on-brand-active: #ffffff;
  --icon-action-secondary-on-brand-disabled: rgba(255, 255, 255, 0.50);
  --icon-action-secondary-on-inverse-default: #ffffff;
  --icon-action-secondary-on-inverse-hover: #ffffff;
  --icon-action-secondary-on-inverse-pressed: #ffffff;
  --icon-action-secondary-on-inverse-active: #ffffff;
  --icon-action-secondary-on-inverse-disabled: rgba(255, 255, 255, 0.50);

  /* Border */
  --border-muted: #f6f6f6;
  --border-brand: #e31721;
  --border-action-primary-ring-active: rgba(227, 23, 33, 0.25);
  --border-action-primary-hover: rgba(217, 45, 32, 0.25);
  --border-action-secondary-base-default: #ecedee;
  --border-action-secondary-base-hover: rgba(73, 80, 87, 0.10);
  --border-on-brand-secondary: #ffffff;
  --border-action-secondary-muted-hover: rgba(73, 80, 87, 0.10);
  --border-action-card-default: #f6f6f6;
  --border-action-card-hover: #495057;
  --border-action-card-pressed: #212529;
  --border-action-card-ring-hover: rgba(73, 80, 87, 0.25);
  --border-action-secondary-base-ring-active: rgba(73, 80, 87, 0.25);
  --border-action-secondary-subtle-hover: rgba(73, 80, 87, 0.10);
  --border-action-secondary-subtle-ring-active: rgba(73, 80, 87, 0.25);
  --border-action-secondary-muted-ring-active: rgba(73, 80, 87, 0.25);
  --border-action-secondary-base-active: #495057;
  --border-action-secondary-subtle-active: #495057;
  --border-action-secondary-muted-active: #495057;
  --border-action-tab-hover: rgba(73, 80, 87, 0.10);
  --border-action-tab-active: rgba(73, 80, 87, 0.25);
  --border-action-chip-hover: rgba(73, 80, 87, 0.10);
  --border-action-chip-active: rgba(73, 80, 87, 0.25);
  --border-action-input-default: #ecedee;
  --border-action-input-hover: #495057;
  --border-action-input-pressed: #212529;
  --border-action-input-active: #495057;
  --border-action-input-error: #d32f2f;
  --border-action-input-disabled: #f6f6f6;
  --border-action-input-ring-hover: rgba(73, 80, 87, 0.25);
  --border-action-input-ring-active: rgba(73, 80, 87, 0.25);
  --border-action-input-ring-error: rgba(227, 23, 33, 0.25);
  --border-action-secondary-on-brand-hover: rgba(255, 255, 255, 0.25);
  --border-action-selection-default: #ecedee;
  --border-action-selection-hover: #495057;
  --border-action-selection-active: #495057;
  --border-action-selection-ring-hover: rgba(73, 80, 87, 0.25);
  --border-action-selection-ring-active: rgba(73, 80, 87, 0.25);
  --border-action-toggle-default: #ecedee;
  --border-action-toggle-hover: #495057;
  --border-action-toggle-active: #495057;
  --border-action-toggle-ring-hover: rgba(73, 80, 87, 0.25);
  --border-action-toggle-ring-active: rgba(73, 80, 87, 0.25);
  --border-action-selection-pressed: #212529;
  --border-action-pagination-ring-active: rgba(73, 80, 87, 0.25);
  --border-action-pagination-active: #495057;
  --border-action-input-separator-disabled: #ffffff;
  --border-static-inverse-default: #ecedee;
  --border-action-stepper-done: rgba(73, 80, 87, 0.25);
  --border-action-stepper-active: #495057;
  --border-action-stepper-pending: #ecedee;
  --border-action-stepper-ring-active: rgba(73, 80, 87, 0.25);
  --border-action-toggle-pressed: #212529;
  --border-action-toggle-disabled: #f6f6f6;
  --border-action-selection-disabled: #f6f6f6;
  --border-action-secondary-on-brand-active: #ffffff;
  --border-action-secondary-on-brand-ring-active: rgba(255, 255, 255, 0.50);
  --border-static-on-inverse-subtle: rgba(255, 255, 255, 0.25);
  --border-static-subtle: #ecedee;
  --border-action-secondary-on-inverse-hover: rgba(255, 255, 255, 0.25);
  --border-action-secondary-on-inverse-active: #ffffff;
  --border-action-secondary-on-inverse-ring-active: rgba(255, 255, 255, 0.50);
  --border-action-secondary-base-pressed: #212529;

  /* Shape */
  --radius-card: 16px;
  --radius-input: 12px;
  --radius-button-default: 12px;
  --radius-container: 16px;
  --radius-badge: 8px;
  --radius-media: 16px;
  --radius-none: 0px;
  --radius-tab: 12px;
  --radius-chip: 100px;
  --radius-button-compact: 8px;
  --radius-selection: 8px;
  --radius-pill: 9999px;
  --radius-compact: 6px;
  --radius-inset: 8px;

  /* Typography */
  --font-family-primary: "Roboto Condensed";
  --font-family-secondary: "Inter";

  /* Other */
  --_pending-surface-feedback-success-subtle: #edf7ed;
  --_pending-surface-feedback-warning-subtle: #fdf8e6;
  --_pending-surface-feedback-error-subtle: #fbeae9;
  --_pending-surface-feedback-info: #177ee3;
  --_pending-surface-feedback-info-subtle: #e8f2fc;
  --_pending-surface-action-primary-pressed: #9f1017;
  --_pending-border-feedback-success-ring: rgba(78, 177, 73, 0.25);
  --_pending-border-feedback-warning-ring: rgba(240, 190, 10, 0.25);
  --_pending-border-feedback-error-ring: rgba(217, 45, 32, 0.25);
  --_pending-border-feedback-info-ring: rgba(23, 126, 227, 0.25);
  --_pending-border-feedback-success: #3d9639;
  --_pending-border-feedback-warning: #b08b06;
  --_pending-text-placeholder: #909294;
  --_pending-border-feedback-error: #d32f2f;
  --_pending-icon-action-selection-disabled: #c7c8c9;
  --_pending-icon-action-selection-default: #495057;
  --_pending-border-feedback-info: #177ee3;
}