/*
 * The public site's two palettes, taken from the PKHA brand: highway yellow
 * (#f9ad00) on deep navy (#001e4c). The layout's head script picks one from
 * the visitor's saved choice or their system preference; the header's toggle
 * switches between them.
 *
 * --pk-*        tokens used by the PKHA chrome and glass surfaces.
 * --primary-*,
 * --accent-*,
 * --surface-*   older tokens the page views still read, remapped to PKHA.
 */

[data-theme="dark"] {
  color-scheme: dark;

  --pk-yellow: #f9ad00;
  --pk-yellow-strong: #ffc23d;
  --pk-yellow-soft: rgba(249, 173, 0, 0.14);
  --pk-navy: #001e4c;
  --pk-navy-deep: #000f27;
  --pk-ink: #071323;
  --pk-on-yellow: #071323;

  --pk-bg: #050c18;
  --pk-bg-alt: #081325;
  --pk-bg-glow: radial-gradient(1200px 600px at 10% -10%, rgba(249, 173, 0, 0.08), transparent 60%),
    radial-gradient(900px 600px at 100% 0%, rgba(30, 90, 200, 0.16), transparent 60%);
  --pk-surface: #0c1729;
  --pk-surface-raised: #11203a;
  --pk-glass: rgba(14, 28, 50, 0.58);
  --pk-glass-strong: rgba(8, 18, 34, 0.82);
  --pk-glass-border: rgba(255, 255, 255, 0.08);
  --pk-glass-highlight: rgba(255, 255, 255, 0.06);
  --pk-text: #c3cddc;
  --pk-heading: #f3f6fb;
  --pk-muted: #8a98ae;
  --pk-border: rgba(255, 255, 255, 0.09);
  --pk-input-bg: rgba(255, 255, 255, 0.04);
  --pk-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.65);
  --pk-shadow-sm: 0 6px 18px -8px rgba(0, 0, 0, 0.6);
  --pk-header-bg: rgba(5, 12, 24, 0.72);
  --pk-header-solid: rgba(7, 15, 29, 0.96);
  --pk-menu-bg: #0b1628;
  --pk-topbar-bg: #000a1c;
  --pk-footer-bg: #030814;

  --primary-50: #e9eef6;
  --primary-100: #d3dcea;
  --primary-200: #a9b8cf;
  --primary-300: #6f83a3;
  --primary-400: #2c3f5f;
  --primary-500: #16294a;
  --primary-600: #10203b;
  --primary-700: #0d1a31;
  --primary-800: #0a1528;
  --primary-900: #071020;
  --accent-50: #1d1606;
  --accent-100: #2a1f05;
  --accent-200: #4a3606;
  --accent-300: #8a6100;
  --accent-400: #ffc23d;
  --accent-500: #f9ad00;
  --accent-600: #ffbb24;
  --accent-700: #ffcb57;
  --accent-800: #ffdb8a;
  --accent-900: #ffefc7;
  --primary-gradient: linear-gradient(135deg, #001e4c 0%, #000f27 100%);
  --primary-gradient-light: linear-gradient(135deg, #16294a 0%, #001e4c 100%);
  --primary-gradient-deep: linear-gradient(135deg, #000f27 0%, #050c18 100%);
  --primary-bg: #001e4c;
  --primary-bg-light: #16294a;
  --primary-bg-deep: #000f27;
  --primary-text: #ffffff;
  --primary-text-muted: #d3dcea;
  --primary-text-subtle: #a9b8cf;
  --surface-text: #f3f6fb;
  --surface-text-muted: #a3b0c3;
  --primary-border: rgba(255, 255, 255, 0.1);
  --primary-shadow: rgba(0, 0, 0, 0.5);
  --primary-hover: #16294a;
  --primary-active: #0d1a31;
  --primary-focus-ring: rgba(249, 173, 0, 0.35);
  --logo-variant: dark;
  --chrome-body-bg: #050c18;
  --chrome-navbar-bg: #081325;
  --chrome-sidebar-bg: #081325;
  --chrome-border: rgba(255, 255, 255, 0.08);
  --chrome-text: #c3cddc;
  --chrome-hover: rgba(255, 255, 255, 0.05);
  --chrome-thead-bg: #0d1a31;
  --chrome-thead-color: #f3f6fb;
  --chrome-sidebar-text: #c3cddc;
  --chrome-btn-bg: #f9ad00;
  --chrome-btn-color: #071323;
  --chrome-btn-hover: #ffc23d;
  --font-family: "Lato", "Segoe UI", Roboto, Arial, sans-serif;

  --bs-body-bg: #050c18;
  --bs-body-color: #c3cddc;
  --bs-emphasis-color: #f3f6fb;
  --bs-heading-color: #f3f6fb;
  --bs-secondary-color: #8a98ae;
  --bs-secondary-bg: #11203a;
  --bs-tertiary-bg: #0c1729;
  --bs-border-color: rgba(255, 255, 255, 0.1);
  --bs-link-color: #ffc23d;
  --bs-link-color-rgb: 255, 194, 61;
  --bs-link-hover-color: #ffdb8a;
  --bs-link-hover-color-rgb: 255, 219, 138;
}

[data-theme="light"] {
  color-scheme: light;

  --pk-yellow: #f9ad00;
  --pk-yellow-strong: #e09b00;
  --pk-yellow-soft: rgba(249, 173, 0, 0.14);
  --pk-navy: #001e4c;
  --pk-navy-deep: #000f27;
  --pk-ink: #071323;
  --pk-on-yellow: #071323;

  --pk-bg: #f2f5f9;
  --pk-bg-alt: #e8eef6;
  --pk-bg-glow: radial-gradient(1200px 600px at 10% -10%, rgba(249, 173, 0, 0.12), transparent 60%),
    radial-gradient(900px 600px at 100% 0%, rgba(0, 30, 76, 0.08), transparent 60%);
  --pk-surface: #ffffff;
  --pk-surface-raised: #ffffff;
  --pk-glass: rgba(255, 255, 255, 0.64);
  --pk-glass-strong: rgba(255, 255, 255, 0.86);
  --pk-glass-border: rgba(255, 255, 255, 0.75);
  --pk-glass-highlight: rgba(255, 255, 255, 0.9);
  --pk-text: #4a5566;
  --pk-heading: #071323;
  --pk-muted: #6b7686;
  --pk-border: rgba(7, 19, 35, 0.1);
  --pk-input-bg: #ffffff;
  --pk-shadow: 0 18px 40px -20px rgba(0, 30, 76, 0.28);
  --pk-shadow-sm: 0 6px 18px -10px rgba(0, 30, 76, 0.25);
  --pk-header-bg: rgba(255, 255, 255, 0.78);
  --pk-header-solid: rgba(255, 255, 255, 0.97);
  --pk-menu-bg: #ffffff;
  --pk-topbar-bg: #001e4c;
  --pk-footer-bg: #001331;

  --primary-50: #f5f7fb;
  --primary-100: #edf1f7;
  --primary-200: #dfe6f0;
  --primary-300: #cbd5e3;
  --primary-400: #b6c3d6;
  --primary-500: #c3cede;
  --primary-600: #b3c0d3;
  --primary-700: #a5b3c8;
  --primary-800: #97a6bd;
  --primary-900: #8999b2;
  --accent-50: #fffaf0;
  --accent-100: #fff3d6;
  --accent-200: #ffe3a3;
  --accent-300: #ffcd5c;
  --accent-400: #ffbb24;
  --accent-500: #f9ad00;
  --accent-600: #d99600;
  --accent-700: #a87400;
  --accent-800: #7a5400;
  --accent-900: #4a3300;
  --primary-gradient: linear-gradient(135deg, #001e4c 0%, #00316f 100%);
  --primary-gradient-light: linear-gradient(135deg, #edf1f7 0%, #dfe6f0 100%);
  --primary-gradient-deep: linear-gradient(135deg, #001e4c 0%, #000f27 100%);
  --primary-bg: #edf1f7;
  --primary-bg-light: #f5f7fb;
  --primary-bg-deep: #001e4c;
  --primary-text: #071323;
  --primary-text-muted: #3d4757;
  --primary-text-subtle: #6b7686;
  --surface-text: #071323;
  --surface-text-muted: #4a5566;
  --primary-border: #dfe6f0;
  --primary-shadow: rgba(0, 30, 76, 0.18);
  --primary-hover: #dfe6f0;
  --primary-active: #cbd5e3;
  --primary-focus-ring: rgba(249, 173, 0, 0.35);
  --logo-variant: light;
  --chrome-body-bg: #f2f5f9;
  --chrome-navbar-bg: #ffffff;
  --chrome-sidebar-bg: #ffffff;
  --chrome-border: #dfe6f0;
  --chrome-text: #4a5566;
  --chrome-hover: rgba(0, 30, 76, 0.05);
  --chrome-thead-bg: #edf1f7;
  --chrome-thead-color: #071323;
  --chrome-sidebar-text: #4a5566;
  --chrome-btn-bg: #f9ad00;
  --chrome-btn-color: #071323;
  --chrome-btn-hover: #e09b00;
  --font-family: "Lato", "Segoe UI", Roboto, Arial, sans-serif;

  --bs-body-bg: #f2f5f9;
  --bs-body-color: #4a5566;
  --bs-emphasis-color: #071323;
  --bs-heading-color: #071323;
  --bs-secondary-color: #6b7686;
  --bs-border-color: rgba(7, 19, 35, 0.12);
  --bs-link-color: #00316f;
  --bs-link-color-rgb: 0, 49, 111;
  --bs-link-hover-color: #a87400;
  --bs-link-hover-color-rgb: 168, 116, 0;
}