/* KYDT colour system — deep-sea blues, greens & jade drawn from the manu */
:root {
  /* Base ramp — deep sea blues (from darkest abyss to shallow foam) */
  --sea-950: #001428; /* abyss — logo darkest */
  --sea-900: #002138;
  --sea-800: #002d4d; /* deep sea */
  --sea-700: #003c64; /* ocean */
  --sea-600: #005078; /* steady blue — primary */
  --sea-500: #14648c; /* tide */
  --sea-400: #3a86ad;
  --sea-300: #79b0cc;
  --sea-200: #b6d5e4;
  --sea-100: #dcebf2;
  --sea-50:  #eef6fa;

  /* Jade / sea-green ramp — true jade, not mint */
  --jade-900: #0a3a2c;
  --jade-800: #0d5340;
  --jade-700: #10684f; /* kelp */
  --jade-600: #138a63; /* jade deep */
  --jade-500: #1aa06f; /* jade — secondary accent */
  --jade-400: #45b98c;
  --jade-300: #7fd0af;
  --jade-200: #b6e6d1;
  --jade-100: #ddf3e9;

  /* Cyan highlight — the bright centre stripe of the manu */
  --cyan-500: #1aa6c9;
  --cyan-400: #38bcdd;

  /* Warm sand — grounding neutral for large calm areas */
  --sand-100: #f4efe6;
  --sand-200: #e7dcc9;

  /* Cool neutrals */
  --ink-900: #0e1c26; /* text on light — deep sea ink */
  --ink-700: #2c3f4b;
  --ink-500: #556974;
  --ink-400: #8697a1;
  --ink-300: #b8c4cb;
  --ink-200: #dbe2e6;
  --ink-100: #eef2f4;
  --paper:   #fbfcfd; /* off-white page */
  --white:   #ffffff;

  /* Semantic aliases */
  --brand-primary: var(--sea-600);
  --brand-primary-strong: var(--sea-700);
  --brand-secondary: var(--jade-500);
  --brand-secondary-strong: var(--jade-700);
  --brand-highlight: var(--cyan-500);

  --text-heading: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-on-dark: #eaf3f7;
  --text-on-dark-muted: #a7c2ce;
  --text-inverse: var(--white);
  --text-link: var(--sea-600);
  --text-link-hover: var(--jade-700);

  --surface-page: var(--paper);
  --surface-card: var(--white);
  --surface-sunken: var(--sea-50);
  --surface-deep: var(--sea-800);   /* dark sections */
  --surface-deepest: var(--sea-950);
  --surface-jade: var(--jade-700);
  --surface-sand: var(--sand-100);

  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-on-dark: rgba(255,255,255,0.16);

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

  /* Status */
  --success: var(--jade-600);
  --warning: #c98a1e;
  --danger:  #b4462f;
  --info: var(--sea-500);
}