/* Skyway Design System (SDS) tokens — generated from the published token doc.
   Canonical --sds-* custom properties: global primitives + semantic aliases.
   Grammar: --sds-{tier}-{category}-{concept}-[{variant}]-{scale} */

:root {
  /* global · color palette */

  /* OLD NEUTRAL */

  /* --sds-global-color-palette-neutral-3: #080808;
  --sds-global-color-palette-neutral-19: #313131;
  --sds-global-color-palette-neutral-35: #595959;
  --sds-global-color-palette-neutral-41: #686868;
  --sds-global-color-palette-neutral-58: #949494;
  --sds-global-color-palette-neutral-84: #d6d6d6;
  --sds-global-color-palette-neutral-92: #ebebeb;
  --sds-global-color-palette-neutral-96: #f4f4f4;
  --sds-global-color-palette-neutral-100: #fff; */

   /* FROM FIGMA */
 --sds-global-color-palette-neutral-0: #fff;
 --sds-global-color-palette-neutral-10: #f4f4f4;
 --sds-global-color-palette-neutral-20: #ebebeb;
 --sds-global-color-palette-neutral-30: #d6d6d6;
 --sds-global-color-palette-neutral-40: #949494;
 --sds-global-color-palette-neutral-50: #686868;
 --sds-global-color-palette-neutral-100: #595959;
 --sds-global-color-palette-neutral-200: #313131;
 --sds-global-color-palette-neutral-500: #080808;

/* OLD BLUE */

  /* --sds-global-color-palette-blue-13: #002443;
  --sds-global-color-palette-blue-19: #012d61;
  --sds-global-color-palette-blue-29: #002a95;
  --sds-global-color-palette-blue-36: #0057b8;
  --sds-global-color-palette-blue-45: #1371d5;
  --sds-global-color-palette-blue-77: #8cc5ff;
  --sds-global-color-palette-blue-87: #c5e2f9;
  --sds-global-color-palette-blue-94: #e1f0ff; */

  /* FROM FIGMA */
 --sds-global-color-palette-blue-10: #e9f9fe;
 --sds-global-color-palette-blue-20: #c4f2fa;
 --sds-global-color-palette-blue-30: #97e6fc;
 --sds-global-color-palette-blue-40: #1ac9ff;
 --sds-global-color-palette-blue-50: #0098fe;
 --sds-global-color-palette-blue-60: #006dff;
 --sds-global-color-palette-blue-100: #0054e4;
 --sds-global-color-palette-blue-200: #0014ac;
 --sds-global-color-palette-blue-300: #000068;
 --sds-global-color-palette-blue-400: #000529;

/* OLD GREEN */

  /* --sds-global-color-palette-green-26: #008746; */

 /* FROM FIGMA */
 --sds-global-color-palette-evergreen-10: #c5ffe4;
 --sds-global-color-palette-evergreen-20: #96fcc9;
 --sds-global-color-palette-evergreen-30: #43f0a5;
 --sds-global-color-palette-evergreen-40: #09d382;
 --sds-global-color-palette-evergreen-50: #01b066;
 --sds-global-color-palette-evergreen-100: #008748;
 --sds-global-color-palette-evergreen-200: #006a2e;

 /* PEACH - FROM FIGMA */
 --sds-global-color-palette-peach-40: #ffa638;
 --sds-global-color-palette-peach-50: #ff7e2f;

 /* PINK - FROM FIGMA */
 --sds-global-color-palette-pink-40: #FF84F3;
 --sds-global-color-palette-pink-50: #F057CF;
 --sds-global-color-palette-pink-100: #C51D94;
 --sds-global-color-palette-pink-200: #9F076B;

/* OLD PURPLE */

  /* --sds-global-color-palette-purple-25: #670081;
  --sds-global-color-palette-purple-63: #c268d9; */

   /* FROM FIGMA */
 --sds-global-color-palette-purple-40: #CE9FFF;
 --sds-global-color-palette-purple-50: #B972FF;
 --sds-global-color-palette-purple-100: #8D31F7;
 --sds-global-color-palette-purple-200: #6F00D2;

/* OLD RED */

  /* --sds-global-color-palette-red-45: #e4002b; */

   /* FROM FIGMA */
 --sds-global-color-palette-red-50: #FF5250;
 --sds-global-color-palette-red-100: #E02A38;

/* OLD TEAL */

  /* --sds-global-color-palette-teal-30: #009998;
  --sds-global-color-palette-teal-54: #54c0c0; */

   /* FROM FIGMA */
 --sds-global-color-palette-teal-10: #cffff9;
 --sds-global-color-palette-teal-20: #96f9ef;
 --sds-global-color-palette-teal-30: #5df3e9;
 --sds-global-color-palette-teal-40: #00dcd7;
 --sds-global-color-palette-teal-50: #00b5b5;
 --sds-global-color-palette-teal-100: #00828b;
 --sds-global-color-palette-teal-200: #00626f;

/* OLD YELLOW */

  /* --sds-global-color-palette-yellow-64: #ffc845; */

   /* FROM FIGMA */
 --sds-global-color-palette-yellow-30: #FEF100;
 --sds-global-color-palette-yellow-40: #FFD300;

  /* global · dimension (space) */
  --sds-global-dimension-space-0: 0px;
  --sds-global-dimension-space-25: 2px;
  --sds-global-dimension-space-50: 4px;
  --sds-global-dimension-space-100: 8px;
  --sds-global-dimension-space-150: 12px;
  --sds-global-dimension-space-200: 16px;
  --sds-global-dimension-space-300: 24px;
  --sds-global-dimension-space-400: 32px;
  --sds-global-dimension-space-500: 40px;
  --sds-global-dimension-space-600: 48px;
  --sds-global-dimension-space-700: 56px;
  --sds-global-dimension-space-750: 60px;
  --sds-global-dimension-space-800: 64px;
  --sds-global-dimension-space-850: 68px;
  --sds-global-dimension-space-900: 72px;
  --sds-global-dimension-space-950: 76px;
  --sds-global-dimension-space-1000: 80px;

  /* global · shape (border-radius) */
  --sds-global-shape-border-radius-0: 0px;
  --sds-global-shape-border-radius-50: 4px;
  --sds-global-shape-border-radius-100: 8px;
  --sds-global-shape-border-radius-200: 16px;
  --sds-global-shape-border-radius-300: 24px;
  --sds-global-shape-border-radius-400: 32px;
  --sds-global-shape-border-radius-500: 40px;

  /* global · typography font-family */
  --sds-global-typography-font-family-mayo-clinic-sans: 'Mayo Clinic Sans';
  --sds-global-typography-font-family-mayo-clinic-serif: 'Mayo Clinic Serif';
  --sds-global-typography-font-family-mayo-clinic-serif-display: 'Mayo Clinic Serif Display';

  /* global · typography font-size */

  /* OLD FROM INITIAL ADD */

  /* --sds-global-typography-font-size-300: 3rem;
  --sds-global-typography-font-size-250: 2.5rem;
  --sds-global-typography-font-size-200: 2rem;
  --sds-global-typography-font-size-188: 1.875rem;
  --sds-global-typography-font-size-175: 1.75rem;
  --sds-global-typography-font-size-150: 1.5rem;
  --sds-global-typography-font-size-125: 1.25rem;
  --sds-global-typography-font-size-100: 1rem; */

   /* Font Sizes from updated token library */
  --sds-global-typography-font-size-88: 14px;
  --sds-global-typography-font-size-100: 16px;
  --sds-global-typography-font-size-112: 18px;
  --sds-global-typography-font-size-125: 20px;
  --sds-global-typography-font-size-150: 24px;
  --sds-global-typography-font-size-175: 28px;
  --sds-global-typography-font-size-188: 30px;
  --sds-global-typography-font-size-200: 32px;
  --sds-global-typography-font-size-250: 40px;
  --sds-global-typography-font-size-300: 48px;
  --sds-global-typography-font-size-375: 60px;
  --sds-global-typography-font-size-475: 76px;

  /* global · typography line-height */

  /* OLD INITIAL ADD */

  /* --sds-global-typography-line-height-300: 3rem;
  --sds-global-typography-line-height-250: 2.5rem;
  --sds-global-typography-line-height-225: 2.25rem;
  --sds-global-typography-line-height-200: 2rem;
  --sds-global-typography-line-height-175: 1.75rem;
  --sds-global-typography-line-height-150: 1.5rem;
  --sds-global-typography-line-height-125: 1.25rem;
  --sds-global-typography-line-height-100: 1rem; */

  /* FROM UPDATED TOKEN LIBRARY */
  --sds-global-typography-line-height-100: 16px;
  --sds-global-typography-line-height-125: 20px;
  --sds-global-typography-line-height-150: 24px;
  --sds-global-typography-line-height-175: 28px;
  --sds-global-typography-line-height-200: 32px;
  --sds-global-typography-line-height-225: 36px;
  --sds-global-typography-line-height-250: 40px;
  --sds-global-typography-line-height-275: 44px;
  --sds-global-typography-line-height-300: 48px;
  --sds-global-typography-line-height-425: 62px;
  --sds-global-typography-line-height-450: 78px;

  /* font weight */
  --sds-global-typography-font-weight-100: 100;
  --sds-global-typography-font-weight-300: 300;
  --sds-global-typography-font-weight-400: 400;
  --sds-global-typography-font-weight-600: 600;
  --sds-global-typography-font-weight-700: 700;

  /* global · typography paragraph-spacing */
  --sds-global-typography-paragraph-spacing-125: 20px;
  --sds-global-typography-paragraph-spacing-100: 16px;
  --sds-global-typography-paragraph-spacing-75: 12px;

  /* semantic · color (alias -> global) */
  --sds-semantic-color-surface-background-primary: var(--sds-global-color-palette-neutral-0);
  --sds-semantic-color-surface-background-secondary: var(--sds-global-color-palette-neutral-20);
  --sds-semantic-color-surface-background-tertiary: var(--sds-global-color-palette-blue-10);

  /* button states */
  --sds-semantic-color-action-background-primary-default: var(--sds-global-color-palette-blue-100);
  --sds-semantic-color-action-background-primary-hover: var(--sds-global-color-palette-blue-200);
  --sds-semantic-color-action-background-primary-active: var(--sds-global-color-palette-blue-300);
  --sds-semantic-color-action-background-primary-visited: var(--sds-global-color-palette-purple-200);
  --sds-semantic-color-action-background-primary-disabled: var(--sds-global-color-palette-neutral-40);
  --sds-semantic-color-action-background-inverse-default: var(--sds-global-color-palette-neutral-0);
  --sds-semantic-color-action-background-inverse-hover: var(--sds-global-color-palette-blue-40);
  --sds-semantic-color-action-background-inverse-active: var(--sds-global-color-palette-blue-50);
  --sds-semantic-color-feedback-background-error: var(--sds-global-color-palette-red-100);
  --sds-semantic-color-feedback-background-warning: var(--sds-global-color-palette-yellow-40);
  --sds-semantic-color-feedback-background-success: var(--sds-global-color-palette-green-26);
  --sds-semantic-color-feedback-background-info: var(--sds-global-color-palette-blue-200);
  --sds-semantic-color-border-primary: var(--sds-global-color-palette-neutral-500);
  --sds-semantic-color-border-secondary: var(--sds-global-color-palette-neutral-40);
  --sds-semantic-color-border-tertiary: var(--sds-global-color-palette-neutral-30);
  --sds-semantic-color-border-active: var(--sds-global-color-palette-blue-200);
  --sds-semantic-color-border-focus: var(--sds-global-color-palette-blue-200);
  --sds-semantic-color-border-error: var(--sds-global-color-palette-red-100);
  --sds-semantic-color-border-warning: var(--sds-global-color-palette-yellow-40);
  --sds-semantic-color-border-success: var(--sds-global-color-palette-green-26);
  --sds-semantic-color-border-info: var(--sds-global-color-palette-blue-200);
  --sds-semantic-color-body-text-primary: var(--sds-global-color-palette-neutral-500);
  --sds-semantic-color-body-text-secondary: var(--sds-global-color-palette-neutral-50);
  --sds-semantic-color-caption-text: var(--sds-global-color-palette-neutral-100);
  --sds-semantic-color-action-text-primary-default: var(--sds-global-color-palette-blue-200);
  --sds-semantic-color-action-text-primary-hover: var(--sds-global-color-palette-blue-100);
  --sds-semantic-color-action-text-primary-active: var(--sds-global-color-palette-blue-300);
  --sds-semantic-color-action-text-primary-visited: var(--sds-global-color-palette-purple-200);
  --sds-semantic-color-feedback-text-error: var(--sds-global-color-palette-red-100);
  --sds-semantic-color-feedback-text-success: var(--sds-global-color-palette-green-26);
  --sds-semantic-color-feedback-icon-error: var(--sds-global-color-palette-red-100);
  --sds-semantic-color-feedback-icon-warning: var(--sds-global-color-palette-yellow-40);
  --sds-semantic-color-feedback-icon-success: var(--sds-global-color-palette-green-26);
  --sds-semantic-color-feedback-icon-info: var(--sds-global-color-palette-blue-200);
}