:root {
  /* ---------------------------------------------------------------
     Brand colors -- a single tonal-blue family sampled directly from
     the Adinath logo mark (pale sky wing -> mid wing -> deep navy wing),
     the same discipline a real identity system uses: one hue, stepped
     by lightness/saturation, not arbitrary mixed colors.
     --------------------------------------------------------------- */
  --brand-sky: #BEE3F4;      /* palest wing tone -- tints, soft backgrounds */
  --brand-light: #5FB3DE;    /* light-mid wing tone -- hovers, secondary fills */
  --brand-primary: #1583B7;  /* wordmark blue -- primary actions, links */
  --brand-deep: #0B5A85;     /* deep wing tone -- headings on light bg, secondary CTA */
  --brand-navy: #073A57;     /* darkest wing tone -- dark sections, footer, high-contrast text */

  --brand-gradient: linear-gradient(135deg, #5FB3DE 0%, #1583B7 55%, #0B5A85 100%);
  --brand-gradient-deep: linear-gradient(135deg, #0B5A85 0%, #1583B7 55%, #5FB3DE 100%);
  /* Softer variation for small icon badges -- same hue family, lower contrast range */
  --brand-gradient-muted: linear-gradient(135deg, #2E86AE 0%, #3F97BE 50%, #0B5A85 100%);

  /* Neutrals */
  --ink-900: #0d1b24;
  --ink-700: #1a2b36;
  --ink-500: #4a5c68;
  --ink-300: #8a99a3;
  --ink-100: #e5eaed;
  --surface-0: #ffffff;
  --surface-1: #f6f9fb;
  --surface-2: #eef3f6;
  --border-subtle: #dfe6ea;

  /* Feedback */
  --danger: #d9534f;
  --success: #1f9d55;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: 3rem;
  --fs-5xl: 3.75rem;

  /* Spacing scale */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;

  /* Radii / shadows */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 8px rgba(13, 27, 36, 0.06);
  --shadow-md: 0 8px 24px rgba(13, 27, 36, 0.10);
  --shadow-lg: 0 24px 60px rgba(13, 27, 36, 0.16);
  --shadow-glow: 0 0 0 1px rgba(0, 146, 204, 0.15), 0 20px 50px rgba(0, 146, 204, 0.18);

  --container-max: 1240px;
  --transition-fast: 160ms ease;
  --transition-med: 320ms cubic-bezier(.2,.8,.2,1);
}

/*
 * Intentionally NOT auto-switching on `prefers-color-scheme: dark`.
 * The site always renders the light corporate theme regardless of the
 * visitor's OS/browser setting -- every component (forms, cards, header)
 * was designed and tested against the light palette only, and auto-switching
 * without full dark-mode QA was causing real, reported rendering/usability
 * issues on mobile (form fields hard to see/use). The `data-theme="dark"`
 * override below is kept as infrastructure for a possible FUTURE manual
 * dark-mode toggle, but nothing currently sets that attribute, so it has
 * no effect today.
 */
:root[data-theme="dark"] {
  --ink-900: #f2f6f8; --ink-700: #dce4e8; --ink-500: #9fb0ba; --ink-300: #5c6d77;
  --surface-0: #0b141a; --surface-1: #101c24; --surface-2: #16242d; --border-subtle: #223038;
}
:root[data-theme="light"] {
  --ink-900: #0d1b24; --ink-700: #1a2b36; --ink-500: #4a5c68; --ink-300: #8a99a3;
  --surface-0: #ffffff; --surface-1: #f6f9fb; --surface-2: #eef3f6; --border-subtle: #dfe6ea;
}