@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("./assets/fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("./assets/fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("./assets/fonts/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {
  --ds-font-sans: "Manrope", "Segoe UI", Arial, sans-serif;

  --ds-primary: #4a7fa7;
  --ds-primary-hover: #1a3d63;
  --ds-primary-light: #f6fafd;
  --ds-primary-border: #b3cfe5;
  --ds-sidebar: #0a1931;
  --ds-primary-rgb: 74, 127, 167;
  --ds-primary-hover-rgb: 26, 61, 99;
  --ds-primary-border-rgb: 179, 207, 229;
  --ds-sidebar-rgb: 10, 25, 49;

  --ds-bg: #f5f8fb;
  --ds-card: #ffffff;
  --ds-border: #dce6ee;
  --ds-heading: #0a1931;
  --ds-text: #1a3d63;
  --ds-text-light: #5e7892;
  --ds-placeholder: #7893aa;

  --ds-success: #22c55e;
  --ds-success-bg: rgba(34, 197, 94, 0.12);
  --ds-warning: #f59e0b;
  --ds-warning-bg: #fef3c7;
  --ds-warning-text: #a16207;
  --ds-danger: #dc2626;
  --ds-danger-bg: #fee2e2;
  --ds-info: #4a7fa7;
  --ds-info-bg: rgba(179, 207, 229, 0.32);
  --ds-disabled: #b3cfe5;
  --ds-disabled-bg: #f6fafd;
  --ds-success-text: #047857;
  --ds-chart-accent: #2563eb;
  --ds-chart-muted: #64748b;
  --ds-success-rgb: 34, 197, 94;
  --ds-warning-rgb: 245, 158, 11;
  --ds-danger-rgb: 220, 38, 38;

  --ds-radius-card: 14px;
  --ds-radius-input: 10px;
  --ds-radius-button: 10px;
  --ds-radius-badge: 10px;
  --ds-radius-icon: 16px;
  --ds-radius-modal: 18px;

  --ds-control-height: 44px;
  --ds-badge-height: 28px;
  --ds-font-size-sm: 13px;
  --ds-font-size-lg: 18px;
  --ds-space-1: 6px;
  --ds-space-2: 7px;
  --ds-space-3: 9px;
  --ds-space-4: 10px;
  --ds-space-5: 12px;
  --ds-space-6: 18px;
  --ds-space-7: 20px;
  --ds-space-8: 28px;

  /* Shared list controls; modal and login controls retain their own sizing. */
  --ds-list-control-height: 42px;
  --ds-list-control-radius: 8px;
  --ds-list-control-font-size: 13px;
  --ds-list-footer-gap: 10px;

  --ds-shadow-card: 0 1px 2px rgba(10, 25, 49, 0.035);
  --ds-shadow-hover: 0 8px 22px rgba(10, 25, 49, 0.075);
  --ds-shadow-modal: 0 28px 72px rgba(10, 25, 49, 0.2);
  --ds-focus-ring: 0 0 0 3px rgba(74, 127, 167, 0.18);

  --ds-space-card: 24px;
  --ds-row-padding-y: 16px;
  --ds-row-padding-x: 18px;
}