/* ==========================================================================
   NexRx — design tokens

   Single source of truth for brand colors, typography, radii and shadows.
   Defines public design-system variables only:
     --navy-* / --teal-* / --lime-* / --ink-*  (NexRx palette)
     --dxds-*                                   (DevExpress Fluent public surface)
     --bs-*                                     (Bootstrap variables for legacy markup)

   DO NOT add per-component rules here — those belong in nexrx.shell.css or
   in CSS isolation files alongside Razor templates.

   DO NOT reference --dxbl-* — those are internal to DevExpress and rename
   between minor versions.
   ========================================================================== */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

:root {
  /* ---------- NexRx palette ---------- */
  --navy-900: #0A1838;
  --navy-800: #0F1F4B;
  --navy-700: #182A5E;
  --navy-600: #243B7A;
  --navy-500: #3A4F8F;

  --teal-700: #2C7E91;
  --teal-600: #4AA1B5;
  --teal-500: #5BB5C9;
  --teal-400: #82C7D6;
  --teal-300: #A4D5DD;
  --teal-100: #E3F1F4;
  --teal-50:  #F1F8FA;

  --lime-700: #8AA02E;
  --lime-600: #A4BC36;
  --lime-500: #B6CE3F;
  --lime-400: #C9DD68;
  --lime-200: #E5EFB6;

  --ink-900: #0F1730;
  --ink-700: #2E3A5C;
  --ink-500: #5A6788;
  --ink-400: #8794B2;
  --ink-300: #B7C0D6;
  --ink-200: #DDE3F0;
  --ink-100: #EEF1F8;
  --ink-50:  #F6F8FC;

  --canvas: #F2F5FA;
  --white:  #FFFFFF;

  --success: #1F9D6E;
  --warn:    #E0A41B;
  --danger:  #D14B4B;

  /* ---------- Radii / shadows ---------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 18px;
  --shadow-card: 0 1px 2px rgba(15, 23, 48, .05), 0 8px 24px -12px rgba(15, 23, 48, .12);
  --shadow-pop:  0 12px 40px -12px rgba(15, 23, 48, .25);

  /* ---------- Typography ---------- */
  --font-ui:      'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Lexend', 'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---------- DevExpress Fluent (public surface only) ---------- */
  --dxds-accent:        var(--teal-600);
  --dxds-accent-hover:  var(--teal-700);
  --dxds-font-family:   var(--font-ui);
  --dxds-border-radius: var(--r-md);

  /* ---------- Bootstrap mirrors (for legacy markup in Templates/Arex*.razor) ---------- */
  --bs-primary:        var(--navy-800);
  --bs-secondary:      var(--ink-500);
  --bs-success:        var(--success);
  --bs-warning:        var(--warn);
  --bs-danger:         var(--danger);
  --bs-info:           var(--teal-600);
  --bs-light:          var(--ink-50);
  --bs-dark:           var(--navy-900);
  --bs-body-bg:        var(--canvas);
  --bs-body-color:     var(--ink-900);
  --bs-body-font-family: var(--font-ui);
  --bs-border-color:   var(--ink-200);
  --bs-border-radius:  var(--r-md);
}