/* Gnáthos — color tokens
   Sampled from official logo PNGs: navy #091F40, yellow #F3C413 */
:root {
  /* Base — navy (primary brand color) */
  --navy-900: #091F40;
  --navy-800: #0E2A52;
  --navy-700: #16386A;
  --navy-100: #DCE3EE;
  --navy-50:  #EEF2F8;

  /* Base — yellow (accent) */
  --yellow-500: #F3C413;
  --yellow-600: #D9AC0E;
  --yellow-100: #FDF3CC;

  /* Base — neutrals (cool, navy-tinted) */
  --white: #FFFFFF;
  --gray-50:  #F7F8FA;
  --gray-100: #EDEFF3;
  --gray-300: #C9CFDA;
  --gray-500: #7C8598;
  --gray-700: #4A5468;

  /* Semantic — text */
  --text-title: var(--navy-900);
  --text-body: #3D4557;
  --text-muted: var(--gray-500);
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: #B9C3D6;
  --text-on-accent: var(--navy-900);

  /* Semantic — surfaces */
  --surface-page: var(--white);
  --surface-subtle: var(--gray-50);
  --surface-card: var(--white);
  --surface-inverse: var(--navy-900);
  --surface-accent: var(--yellow-500);

  /* Semantic — interactive */
  --accent: var(--yellow-500);
  --accent-hover: var(--yellow-600);
  --primary: var(--navy-900);
  --primary-hover: var(--navy-800);
  --link: var(--navy-700);
  --link-hover: var(--navy-900);
  --focus-ring: rgba(243, 196, 19, 0.55);

  /* Semantic — lines */
  --border: var(--gray-100);
  --border-strong: var(--gray-300);
  --divider-on-dark: rgba(255, 255, 255, 0.18);

  /* Feedback (used sparingly — clinical context) */
  --success: #1F8A5B;
  --danger: #B3372E;
}