/* Enkee — Color tokens
   Sourced directly from logo artwork (uploads/enkee Logo_Square.png), pixel-sampled:
   navy rgb(22,54,92), cream rgb(254,248,233), teal rgb(80,173,198). */

:root {
  /* Base palette */
  --navy-900: #0F2542;
  --navy-800: #16365C; /* brand navy — primary */
  --navy-700: #1D4472;
  --navy-600: #2C5A8F;
  --navy-500: #3E71AA;

  --teal-600: #3E93AE;
  --teal-500: #50ADC6; /* brand teal — accent */
  --teal-400: #74C0D5;
  --teal-300: #A3D6E5;
  --teal-200: #CDE9F1;

  --cream-100: #FEF8E9; /* brand cream — primary surface */
  --cream-200: #FAF1DA;
  --cream-300: #F3E7C6;

  --ink-900: #16233A;   /* near-black for body text on cream */
  --ink-600: #46586F;
  --ink-400: #7A879A;
  --ink-200: #C7CFD9;

  --white: #FFFFFF;

  /* Semantic aliases */
  --surface-page: var(--cream-100);
  --surface-card: var(--white);
  --surface-inverse: var(--navy-800);
  --surface-muted: var(--cream-200);

  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-inverse: var(--cream-100);
  --text-brand: var(--navy-800);
  --text-accent: var(--teal-600);

  --border-subtle: var(--ink-200);
  --border-strong: var(--navy-800);

  --accent-primary: var(--navy-800);
  --accent-secondary: var(--teal-500);

  --focus-ring: var(--teal-500);

  --link: var(--navy-800);
  --link-hover: var(--teal-600);
}