@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 100 900;
  src: local("Poppins");
}

:root {
  --ds-font-sans: "Poppins", "Inter", "Roboto", "Segoe UI", Arial, sans-serif;

  --ds-primary: #4a7fa7;
  --ds-primary-hover: #1a3d63;
  --ds-primary-light: #f6fafd;
  --ds-primary-border: #b3cfe5;
  --ds-sidebar: #0a1931;

  --ds-bg: #f6fafd;
  --ds-card: #ffffff;
  --ds-border: rgba(179, 207, 229, 0.58);
  --ds-heading: #0a1931;
  --ds-text: #1a3d63;
  --ds-text-light: #5e7892;
  --ds-placeholder: #7893aa;

  --ds-success: #4a7fa7;
  --ds-success-bg: rgba(179, 207, 229, 0.28);
  --ds-warning: #f59e0b;
  --ds-warning-bg: #fef3c7;
  --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-radius-card: 16px;
  --ds-radius-input: 12px;
  --ds-radius-button: 12px;
  --ds-radius-modal: 20px;

  --ds-shadow-card: 0 6px 18px rgba(15, 23, 42, 0.06);
  --ds-shadow-hover: 0 12px 28px rgba(15, 23, 42, 0.09);
  --ds-shadow-modal: 0 20px 60px rgba(15, 23, 42, 0.15);
  --ds-focus-ring: 0 0 0 4px rgba(74, 127, 167, 0.18);

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