/* Color primitives */
:root {
  /* Black — alpha ramp restored (100=10% ~ 1000=100%). Verify against Figma source. */
  --black-100: rgba(12, 12, 13, 0.1);
  --black-200: rgba(12, 12, 13, 0.2);
  --black-300: rgba(12, 12, 13, 0.3);
  --black-400: rgba(12, 12, 13, 0.4);
  --black-500: rgba(12, 12, 13, 0.5);
  --black-600: rgba(12, 12, 13, 0.6);
  --black-700: rgba(12, 12, 13, 0.7);
  --black-800: rgba(12, 12, 13, 0.8);
  --black-900: rgba(12, 12, 13, 0.9);
  --black-1000: rgba(12, 12, 13, 1);

  /* White — alpha ramp restored (100=10% ~ 1000=100%). Verify against Figma source. */
  --white-100: rgba(255, 255, 255, 0.1);
  --white-200: rgba(255, 255, 255, 0.2);
  --white-300: rgba(255, 255, 255, 0.3);
  --white-400: rgba(255, 255, 255, 0.4);
  --white-500: rgba(255, 255, 255, 0.5);
  --white-600: rgba(255, 255, 255, 0.6);
  --white-700: rgba(255, 255, 255, 0.7);
  --white-800: rgba(255, 255, 255, 0.8);
  --white-900: rgba(255, 255, 255, 0.9);
  --white-1000: rgba(255, 255, 255, 1);

  /* Cool Gray */
  --cool-gray-100: #f2f4f8;
  --cool-gray-200: #dde1e6;
  --cool-gray-300: #c1c7cd;
  --cool-gray-400: #a2a9b0;
  --cool-gray-500: #878d96;
  --cool-gray-600: #697077;
  --cool-gray-700: #4d5358;
  --cool-gray-800: #343a3f;
  --cool-gray-900: #21272a;
  --cool-gray-1000: #121619;

  /* Gray — legacy/secondary neutral scale. NOTE: co-exists with Cool Gray; only goes to 950, not 1000. Confirm with team whether this scale should be deprecated. */
  --gray-100: #f5f5f5;
  --gray-200: #e6e6e6;
  --gray-300: #d9d9d9;
  --gray-400: #b3b3b3;
  --gray-500: #757575;
  --gray-600: #444444;
  --gray-700: #383838;
  --gray-800: #2c2c2c;
  --gray-900: #1e1e1e;
  --gray-950: #373e42;

  /* Brand — NOTE: scale range (50–950) differs from other families (100–1000). Confirm if intentional. */
  --brand-50: #ebf8fd;
  --brand-100: #c6edfa;
  --brand-200: #a1e1f7;
  --brand-300: #7cd5f4;
  --brand-400: #58c9f0;
  --brand-500: #33bded;
  --brand-600: #2b9fc7;
  --brand-700: #2381a1;
  --brand-800: #1b627b;
  --brand-900: #124455;
  --brand-950: #0a262f;

  /* Green */
  --green-100: #ebffee;
  --green-200: #cff7d3;
  --green-300: #aff4c6;
  --green-400: #85e0a3;
  --green-500: #14ae5c;
  --green-600: #009951;
  --green-700: #008043;
  --green-800: #02542d;
  --green-900: #024023;
  --green-1000: #062d1b;

  /* Red */
  --red-100: #fee9e7;
  --red-200: #fdd3d0;
  --red-300: #fcb3ad;
  --red-400: #f4776a;
  --red-500: #ec221f;
  --red-600: #c00f0c;
  --red-700: #900b09;
  --red-800: #690807;
  --red-900: #4d0b0a;
  --red-1000: #300603;

  /* Yellow */
  --yellow-100: #fffbeb;
  --yellow-200: #fff1c2;
  --yellow-300: #ffe8a3;
  --yellow-400: #e8b931;
  --yellow-500: #e5a000;
  --yellow-600: #bf6a02;
  --yellow-700: #975102;
  --yellow-800: #682d03;
  --yellow-900: #522504;
  --yellow-1000: #401b01;
}

/* Semantic color tokens — light theme (mode-1). References the primitives above. */
:root {
  --border-positive-tertiary: var(--green-500);
  --border-positive-secondary: var(--green-600);
  --border-positive-default: var(--green-800);
  --border-brand-secondary: var(--brand-500);
  --border-brand-default: var(--brand-400);
  --border-neutral-default: var(--cool-gray-900);
  --background-neutral-default: var(--cool-gray-100);
  --background-neutral-default-hover: var(--cool-gray-200);
  --text-disabled-on-disabled: var(--cool-gray-400);
  --border-neutral-secondary: var(--cool-gray-600);
  --text-danger-tertiary: var(--red-500);
  --text-danger-default: var(--red-700);
  --text-warning-on-warning-secondary: var(--yellow-800);
  --text-danger-on-danger-secondary: var(--red-700);
  --text-warning-on-warning: var(--yellow-1000);
  --text-warning-tertiary: var(--yellow-600);
  --text-warning-secondary: var(--yellow-700);
  --text-warning-default: var(--yellow-900);
  --text-danger-on-danger: var(--red-100);
  --text-positive-on-positive-tertiary: var(--green-800);
  --border-default-default: var(--black-100);
  --text-positive-on-positive: var(--green-100);
  --text-positive-tertiary: var(--green-500);
  --text-neutral-on-neutral: var(--cool-gray-1000);
  --text-brand-default: var(--brand-500);
  --background-default-tertiary: var(--cool-gray-900);
  --text-neutral-default: var(--cool-gray-1000);
  --text-warning-on-warning-tertiary: var(--yellow-900);
  --background-danger-tertiary-hover: var(--red-200);
  --text-default-secondary: var(--cool-gray-500);
  --border-default-secondary: var(--black-200);
  --text-default-default: var(--cool-gray-1000);
  --background-positive-hover: var(--green-600);
  --background-danger-tertiary: var(--red-100);
  --background-disabled-default: var(--cool-gray-200);
  --background-positive-secondary-hover: var(--green-300);
  --background-danger-hover: var(--red-600);
  --border-neutral-tertiary: var(--cool-gray-400);
  --text-danger-on-danger-tertiary: var(--red-700);
  --text-danger-secondary: var(--red-600);
  --background-default-secondary: var(--cool-gray-100);
  --text-neutral-secondary: var(--cool-gray-500);
  --background-positive-secondary: var(--green-200);
  --background-warning-secondary: var(--yellow-200);
  --background-danger-secondary-hover: var(--red-300);
  --background-brand-hover: var(--brand-600);
  --background-danger-default: var(--red-500);
  --background-warning-hover: var(--yellow-500);
  --background-warning-default: var(--yellow-400);
  --background-brand-secondary: var(--brand-100);
  --background-positive-tertiary-hover: var(--green-200);
  --background-default-secondary-hover: var(--cool-gray-200);
  --background-positive-default: var(--green-500);
  --background-warning-tertiary: var(--yellow-100);
  --border-warning-tertiary: var(--yellow-600);
  --border-brand-tertiary: var(--brand-200);
  --border-danger-tertiary: var(--red-500);
  --text-neutral-on-neutral-tertiary: var(--white-1000);
  --background-default-default-hover: var(--cool-gray-100);
  --background-brand-secondary-hover: var(--brand-300);
  --text-disabled-default: var(--cool-gray-400);
  --background-warning-tertiary-hover: var(--yellow-200);
  --background-danger-secondary: var(--red-200);
  --border-danger-default: var(--red-700);
  --background-warning-secondary-hover: var(--yellow-300);
  --text-positive-default: var(--green-800);
  --background-neutral-secondary-hover: var(--cool-gray-300);
  --text-default-tertiary: var(--cool-gray-400);
  --background-neutral-tertiary: var(--cool-gray-900);
  --background-default-default: var(--white-1000);
  --text-positive-secondary: var(--green-600);
  --border-disabled-default: var(--cool-gray-400);
  --border-warning-default: var(--yellow-900);
  --background-positive-tertiary: var(--green-100);
  --text-neutral-on-neutral-secondary: var(--cool-gray-1000);
  --border-danger-secondary: var(--red-600);
  --border-warning-secondary: var(--yellow-700);
  --background-brand-default: var(--brand-500);
  --text-positive-on-positive-secondary: var(--green-800);
  --background-neutral-tertiary-hover: var(--cool-gray-1000);
  --border-default-tertiary: var(--black-300);
  --background-default-tertiary-hover: var(--cool-gray-1000);
  --text-brand-on-brand: var(--cool-gray-900);
  --text-neutral-tertiary: var(--cool-gray-400);
  --background-neutral-secondary: var(--cool-gray-200);
}