@font-face {
  font-family: "Estedad";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/Estedad-Variable.woff2") format("woff2-variations");
}

:root {
  /* MedXCore brand */
  --mx-teal: #00c2a8;
  --mx-blue: #0077ff;
  --mx-navy: #0b2d4a;
  --mx-bg: #f7fafc;
  --mx-text: #0f172a;

  /* Core theme palette */
  --primary: #4b49ac;
  --primary-light: #98bdff;
  --blue: #7da0fa;
  --purple: #7978e9;
  --coral: #f3797e;
  --page-bg: #f5f7ff;
  --card-bg: #ffffff;
  --sidebar-bg: #ffffff;
  --text-primary: #2f2f3a;
  --text-secondary: #7a7a8c;
  --text-muted: #a7a7b5;
  --border: #e8eaf2;
  --primary-hover: #403e98;
  --blue-soft: #eaf1ff;
  --purple-soft: #eeeeff;
  --coral-soft: #fdebec;
  --card-shadow: 0 4px 18px rgba(75, 73, 172, 0.08);

  --font-sans: "Estedad", Tahoma, Arial, sans-serif;
  --container: 1180px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 30px;
  --shadow-lg: 0 24px 70px rgba(11, 45, 74, 0.12);
  --gradient-brand: linear-gradient(135deg, var(--mx-teal), var(--mx-blue));
  --transition: 240ms cubic-bezier(0.22, 1, 0.36, 1);
}