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

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

:root {
  /* --- Serena Purple + Blue + Pink --- */
  --color-primary: #7B3F9D;
  --color-primary-dark: #5E2F78;
  --color-primary-light: #EDE6F2;

  --color-secondary: #0047BB;
  --color-secondary-dark: #003691;
  --color-secondary-light: #E6EEF8;

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

  /* --- Serena 3-stop gradient --- */
  --gradient-primary: linear-gradient(135deg, #E91E8C 0%, #7B3F9D 50%, #0047BB 100%);
  --gradient-primary-horizontal: linear-gradient(90deg, #E91E8C 0%, #7B3F9D 50%, #0047BB 100%);
  --gradient-primary-vertical: linear-gradient(180deg, #E91E8C 0%, #7B3F9D 50%, #0047BB 100%);

  /* --- Serena Fonts --- */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-label: 'Montserrat', 'Inter', sans-serif;

  /* --- Focus Ring --- */
  --shadow-focus: 0 0 0 3px rgba(123, 63, 157, 0.3);
  --shadow-focus-secondary: 0 0 0 3px rgba(0, 71, 187, 0.3);

  /* --- Input Focus --- */
  --input-focus-border-color: #7B3F9D;
}