/* ============================================================
   Atlassian Design System — токены (CSS-переменные)
   Источник: /Users/jack_shepherd/Dev/design-systems/atlassian
   Правило преобразования имени:
     color.background.brand.bold -> --ds-background-brand-bold
     space.100 -> --ds-space-100
     elevation.surface.raised -> --ds-surface-raised
   Никаких захардкоженных цветов вне этого файла.
   ============================================================ */

:root,
:root[data-color-mode="light"] {
  color-scheme: light;

  /* 3.1 Фоны */
  --ds-background-brand-bold: #0C66E4;
  --ds-background-brand-bold-hovered: #0055CC;
  --ds-background-brand-bold-pressed: #09326C;
  --ds-background-brand-subtlest: #E9F2FF;
  --ds-background-selected: #E9F2FF;
  --ds-background-selected-hovered: #CCE0FF;
  --ds-background-selected-bold: #0C66E4;
  --ds-background-neutral: #F7F8F9;
  --ds-background-neutral-hovered: #F1F2F4;
  --ds-background-neutral-subtle: #FFFFFF;
  --ds-background-neutral-subtle-hovered: #F7F8F9;
  --ds-background-neutral-bold: #091E420F;
  --ds-background-input: #FFFFFF;
  --ds-background-input-hovered: #F7F8F9;
  --ds-background-danger: #FFEDEB;
  --ds-background-danger-bold: #CA3521;
  --ds-background-warning: #FFF7D6;
  --ds-background-warning-bold: #B38600;
  --ds-background-success: #DFFCF0;
  --ds-background-success-bold: #1F845A;
  --ds-background-information: #E9F2FF;
  --ds-background-information-bold: #0C66E4;
  --ds-background-discovery: #F3F0FF;
  --ds-background-discovery-bold: #5E4DB2;
  --ds-background-disabled: #091E420F;

  /* 3.2 Текст */
  --ds-text: #172B4D;
  --ds-text-subtle: #44546F;
  --ds-text-subtlest: #626F86;
  --ds-text-disabled: #091E424F;
  --ds-text-inverse: #FFFFFF;
  --ds-text-brand: #0C66E4;
  --ds-link: #0C66E4;
  --ds-text-danger: #CA3521;
  --ds-text-warning: #B38600;
  --ds-text-success: #1F845A;
  --ds-text-discovery: #5E4DB2;
  --ds-text-warning-inverse: #172B4D;

  /* 3.3 Иконки */
  --ds-icon: #44546F;
  --ds-icon-subtle: #626F86;
  --ds-icon-inverse: #FFFFFF;
  --ds-icon-danger: #CA3521;
  --ds-icon-warning: #B38600;
  --ds-icon-success: #1F845A;
  --ds-icon-brand: #0C66E4;

  /* 3.4 Границы */
  --ds-border: #091E4224;
  --ds-border-bold: #091E4240;
  --ds-border-input: #091E4224;
  --ds-border-focused: #0C66E4;
  --ds-border-selected: #0C66E4;
  --ds-border-danger: #CA3521;
  --ds-border-disabled: #091E420F;

  /* 3.5 Акценты */
  --ds-accent-blue-subtlest: #E9F2FF;
  --ds-accent-blue-subtler: #CCE0FF;
  --ds-accent-blue-bold: #579DFF;
  --ds-accent-blue-text: #0055CC;
  --ds-accent-red-subtlest: #FFEDEB;
  --ds-accent-red-subtler: #FFD2CC;
  --ds-accent-red-bold: #F87462;
  --ds-accent-red-text: #AE2A19;
  --ds-accent-orange-subtlest: #FFF4E5;
  --ds-accent-orange-subtler: #FFE2BD;
  --ds-accent-orange-bold: #FAA53D;
  --ds-accent-orange-text: #974F0C;
  --ds-accent-yellow-subtlest: #FFF7D6;
  --ds-accent-yellow-subtler: #F8E6A0;
  --ds-accent-yellow-bold: #E2B203;
  --ds-accent-yellow-text: #7F5F01;
  --ds-accent-green-subtlest: #DFFCF0;
  --ds-accent-green-subtler: #BAF3DB;
  --ds-accent-green-bold: #4BCE97;
  --ds-accent-green-text: #216E4E;
  --ds-accent-teal-subtlest: #E3FAFC;
  --ds-accent-teal-subtler: #C1F0F5;
  --ds-accent-teal-bold: #60C6D2;
  --ds-accent-teal-text: #206B74;
  --ds-accent-purple-subtlest: #F3F0FF;
  --ds-accent-purple-subtler: #DFD8FD;
  --ds-accent-purple-bold: #9F8FEF;
  --ds-accent-purple-text: #5E4DB2;
  --ds-accent-magenta-subtlest: #FFECF8;
  --ds-accent-magenta-subtler: #FDD0EC;
  --ds-accent-magenta-bold: #E774BB;
  --ds-accent-magenta-text: #943D73;

  /* 3.6 Прочее */
  --ds-blanket: #091E427A;
  --ds-skeleton: #091E4208;
  --ds-skeleton-subtle: #091E4204;
  --ds-interaction-hovered: #091E4208;
  --ds-interaction-pressed: #091E4214;

  /* 6.1 Поверхности */
  --ds-surface: #FFFFFF;
  --ds-surface-sunken: #F7F8F9;
  --ds-surface-raised: #FFFFFF;
  --ds-surface-raised-hovered: #F7F8F9;
  --ds-surface-overlay: #FFFFFF;
  --ds-surface-overlay-hovered: #F7F8F9;

  /* 6.2 Тени */
  --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
  --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
  --ds-shadow-overflow: 0px 8px 8px #091E4214, 0px 0px 1px #091E421F;

  /* 5. Пространство */
  --ds-space-0: 0;
  --ds-space-025: 2px;
  --ds-space-050: 4px;
  --ds-space-075: 6px;
  --ds-space-100: 8px;
  --ds-space-150: 12px;
  --ds-space-200: 16px;
  --ds-space-250: 20px;
  --ds-space-300: 24px;
  --ds-space-400: 32px;
  --ds-space-500: 40px;
  --ds-space-600: 48px;
  --ds-space-800: 64px;
  --ds-space-1000: 80px;

  /* 5.2 Радиусы */
  --ds-radius-xsmall: 2px;
  --ds-radius-small: 4px;
  --ds-radius-medium: 6px;
  --ds-radius-large: 8px;
  --ds-radius-xlarge: 12px;
  --ds-radius-xxlarge: 16px;
  --ds-radius-full: 9999px;

  /* 5.3 Границы */
  --ds-border-width: 1px;
  --ds-border-width-selected: 2px;
  --ds-border-width-focused: 2px;

  /* 4. Типографика (шкала, база 16px) */
  --ds-font-heading-xxlarge: 2.5rem/1.2  var(--ds-font-family);
  --ds-font-heading-xlarge:  2rem/1.2    var(--ds-font-family);
  --ds-font-heading-large:   1.5rem/1.25 var(--ds-font-family);
  --ds-font-heading-medium:  1.25rem/1.25 var(--ds-font-family);
  --ds-font-heading-small:   1rem/1.25   var(--ds-font-family);
  --ds-font-heading-xsmall:  0.875rem/1.33 var(--ds-font-family);
  --ds-font-heading-xxsmall: 0.75rem/1.33 var(--ds-font-family);
  --ds-font-body-large: 1rem/1.5   var(--ds-font-family);
  --ds-font-body:       0.875rem/1.43 var(--ds-font-family);
  --ds-font-body-small: 0.75rem/1.33 var(--ds-font-family);
  --ds-font-code:       0.875em/1.43 var(--ds-font-family-mono);

  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-font-weight-bold: 700;
}

/* 3.7 Тёмная тема: значения зеркалятся относительно середины рамп */
:root[data-color-mode="dark"] {
  color-scheme: dark;

  --ds-background-brand-bold: #1D7AFC;
  --ds-background-brand-bold-hovered: #388BFF;
  --ds-background-brand-bold-pressed: #1D7AFC;
  --ds-background-brand-subtlest: #0C66E4;
  --ds-background-selected: #092957;
  --ds-background-selected-hovered: #0C3B85;
  --ds-background-selected-bold: #388BFF;
  --ds-background-neutral: #2C3338;
  --ds-background-neutral-hovered: #38414A;
  --ds-background-neutral-subtle: #1D2125;
  --ds-background-neutral-subtle-hovered: #2C3338;
  --ds-background-neutral-bold: #A1BDD914;
  --ds-background-input: #1D2125;
  --ds-background-input-hovered: #2C3338;
  --ds-background-danger: #4F1C16;
  --ds-background-danger-bold: #FF9C8F;
  --ds-background-warning: #533F04;
  --ds-background-warning-bold: #E2B203;
  --ds-background-success: #164B35;
  --ds-background-success-bold: #4BCE97;
  --ds-background-information: #1C2B41;
  --ds-background-information-bold: #85B8FF;
  --ds-background-discovery: #2B2451;
  --ds-background-discovery-bold: #B8ACF6;
  --ds-background-disabled: #A1BDD908;

  --ds-text: #C7D1DB;
  --ds-text-subtle: #9FADBC;
  --ds-text-subtlest: #738496;
  --ds-text-disabled: #7384964F;
  --ds-text-inverse: #1D2125;
  --ds-text-brand: #85B8FF;
  --ds-link: #85B8FF;
  --ds-text-danger: #FF9C8F;
  --ds-text-warning: #E2B203;
  --ds-text-success: #4BCE97;
  --ds-text-discovery: #B8ACF6;
  --ds-text-warning-inverse: #172B4D;

  --ds-icon: #9FADBC;
  --ds-icon-subtle: #738496;
  --ds-icon-inverse: #1D2125;
  --ds-icon-danger: #FF9C8F;
  --ds-icon-warning: #E2B203;
  --ds-icon-success: #4BCE97;
  --ds-icon-brand: #85B8FF;

  --ds-border: #A1BDD914;
  --ds-border-bold: #A1BDD940;
  --ds-border-input: #A1BDD914;
  --ds-border-focused: #85B8FF;
  --ds-border-selected: #85B8FF;
  --ds-border-danger: #FF9C8F;
  --ds-border-disabled: #A1BDD908;

  --ds-blanket: #1D21259E;
  --ds-skeleton: #A1BDD908;
  --ds-skeleton-subtle: #A1BDD904;
  --ds-interaction-hovered: #A1BDD908;
  --ds-interaction-pressed: #A1BDD914;

  --ds-surface: #1D2125;
  --ds-surface-sunken: #2C3338;
  --ds-surface-raised: #1D2125;
  --ds-surface-raised-hovered: #2C3338;
  --ds-surface-overlay: #1D2125;
  --ds-surface-overlay-hovered: #2C3338;

  --ds-shadow-raised: none;
  --ds-shadow-overlay: none;
  --ds-shadow-overflow: none;
}