/* ==========================================================================
   REGIMENRX — Theme CSS
   This is the canonical theme file for RegimenRx. All design work for RX
   goes here. Do not edit _themes/default/ for tenant-specific changes.
   ========================================================================== */

/* Google Fonts loaded via head-fonts.njk {{ tenant.fontGoogleUrl }} — no @import needed */

:root {
  /* --- RX Dark Blue + Mid Blue + Purple accent --- */
  --color-primary: #1A3A5C;
  --color-primary-dark: #0F2440;
  --color-primary-light: #F0F7FC;

  --color-secondary: #2471A3;
  --color-secondary-dark: #1A5A84;
  --color-secondary-light: #D4E6F1;

  --color-accent: #7B3F9D;
  --color-accent-dark: #5E2F78;
  --color-accent-light: #EDE6F2;

  /* --- RX gradient (dark blue to purple) --- */
  --gradient-primary: linear-gradient(135deg, #2471A3 0%, #7B3F9D 100%);
  --gradient-primary-horizontal: linear-gradient(90deg, #2471A3 0%, #7B3F9D 100%);
  --gradient-primary-vertical: linear-gradient(180deg, #2471A3 0%, #7B3F9D 100%);

  /* --- RX Fonts: Inter only --- */
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-label: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* --- Focus Ring --- */
  --shadow-focus: 0 0 0 3px rgba(26, 58, 92, 0.3);
  --shadow-focus-secondary: 0 0 0 3px rgba(36, 113, 163, 0.3);

  /* --- Input Focus --- */
  --input-focus-border-color: #2471A3;
}