/* ==========================================================================
   Nikao Medical Center brand tokens
   Source of truth: "NMC - Color Palette.pdf" and "NMC - Typography.pdf".
   Change a value here and it propagates through the whole interface.
   ========================================================================== */

:root {
  /* ---- Brand colours ------------------------------------------------ */
  --nmc-blue:        #0B56A1;  /* Primary: ~50% of the palette */
  --nmc-green:       #64B246;  /* Secondary: ~30% of the palette */
  --nmc-ink:         #181818;  /* Dark text: ~10% of the palette */
  --nmc-cream:       #FEFFF2;  /* Light neutral: ~10% of the palette */
  --nmc-grey:        #CECECE;  /* Supporting neutral */

  /* ---- Derived tints and shades ------------------------------------- */
  --nmc-blue-900:    #063668;
  --nmc-blue-700:    #084a8b;
  --nmc-blue-300:    #6ea3d4;
  --nmc-blue-100:    #e3eefa;
  --nmc-blue-050:    #f2f8fd;

  --nmc-green-700:   #4a8f31;
  --nmc-green-500:   #64B246;
  --nmc-green-300:   #a3d38c;
  --nmc-green-100:   #e8f5e1;

  --nmc-ink-700:     #3b3f45;
  --nmc-ink-500:     #5b6169;
  --nmc-ink-300:     #878d95;

  --nmc-line:        #e6ebf1;
  --nmc-surface:     #ffffff;
  --nmc-surface-alt: var(--nmc-cream);
  --nmc-surface-blue:var(--nmc-blue-050);

  /* ---- Gradients ---------------------------------------------------- */
  --nmc-gradient:      linear-gradient(135deg, #0B56A1 0%, #64B246 100%);
  --nmc-gradient-soft: linear-gradient(135deg, rgba(11, 86, 161, .10), rgba(100, 178, 70, .14));
  --nmc-gradient-deep: linear-gradient(135deg, #063668 0%, #0B56A1 55%, #3f8f4d 100%);
  --nmc-gradient-line: linear-gradient(90deg, var(--nmc-blue), var(--nmc-green));

  /* ---- Typography ---------------------------------------------------- */
  /* Gordita and Gilroy load automatically once licensed font files are
     placed in /assets/fonts (see DOCUMENTATION.md). Until then the
     approved fallback stack is used. */
  --nmc-font-primary:   'Gordita', 'Inter', Arial, sans-serif;
  --nmc-font-secondary: 'Gilroy', 'Inter', Arial, sans-serif;

  --nmc-h1: clamp(2.15rem, 1.35rem + 3.1vw, 3.75rem);
  --nmc-h2: clamp(1.75rem, 1.24rem + 1.9vw, 2.65rem);
  --nmc-h3: clamp(1.28rem, 1.12rem + .62vw, 1.6rem);
  --nmc-lead: clamp(1.02rem, .97rem + .24vw, 1.16rem);

  /* ---- Shape and depth ----------------------------------------------- */
  --nmc-radius-sm:  12px;
  --nmc-radius:     20px;
  --nmc-radius-lg:  28px;
  --nmc-radius-xl:  36px;
  --nmc-pill:       999px;

  --nmc-shadow-xs: 0 1px 2px rgba(9, 32, 60, .05);
  --nmc-shadow-sm: 0 4px 14px rgba(9, 32, 60, .06);
  --nmc-shadow:    0 12px 32px rgba(9, 32, 60, .09);
  --nmc-shadow-lg: 0 24px 60px rgba(9, 32, 60, .13);
  --nmc-shadow-blue: 0 14px 30px rgba(11, 86, 161, .24);
  --nmc-shadow-green:0 14px 30px rgba(100, 178, 70, .26);

  /* ---- Rhythm --------------------------------------------------------- */
  --nmc-section:    clamp(3.75rem, 2.4rem + 5vw, 7rem);
  --nmc-gutter:     clamp(1.1rem, .7rem + 1.4vw, 2rem);
  --nmc-edge:       clamp(1.1rem, 4vw, 5rem);  /* Side gutter of edge-to-edge sections */
  --nmc-header-h:   78px;

  /* ---- Motion ---------------------------------------------------------- */
  --nmc-ease:      cubic-bezier(.22, .61, .36, 1);
  --nmc-ease-out:  cubic-bezier(.16, 1, .3, 1);
  --nmc-speed:     .38s;

  /* ---- Bootstrap overrides -------------------------------------------- */
  --bs-primary: var(--nmc-blue);
  --bs-body-color: var(--nmc-ink-700);
  --bs-body-bg: var(--nmc-surface);
  --bs-body-font-family: var(--nmc-font-secondary);
  --bs-link-color: var(--nmc-blue);
  --bs-link-hover-color: var(--nmc-blue-900);
  --bs-border-color: var(--nmc-line);
  --bs-focus-ring-color: rgba(11, 86, 161, .35);
}