/* Custera — Colour tokens
 * Source of truth: uploads/Colour Palette - Current.svg
 */
:root {
  /* ---- Primary ---- */
  --custera-navy: #003366;   /* Custera Navy — primary brand */
  --custera-teal: #00A19A;   /* Custera Teal — primary accent */

  /* ---- Navy tints (fills, charts, depth layering) ---- */
  --navy-900: #001F3F;
  --navy-700: #003366;
  --navy-500: #2E5C8A;
  --navy-300: #7C9DBF;
  --navy-100: #D6E1EC;

  /* ---- Teal tints (accents, highlights, data points) ---- */
  --teal-900: #00746F;
  --teal-700: #00A19A;
  --teal-500: #4DBFB9;
  --teal-300: #99DCD8;
  --teal-100: #E0F4F2;

  /* ---- Neutrals (text, backgrounds, structure) ---- */
  --neutral-900: #1A1D21;
  --neutral-600: #5C636E;
  --neutral-400: #AEB4BD;
  --neutral-100: #EFF1F4;
  --neutral-000: #FBFCFD;
  --white: #FFFFFF;

  /* ---- Semantic status ---- (EXTENSION: brand palette defines no status colours.
     Teal reused for positive; amber/red added for functional UI states — flagged in readme.md) */
  --status-success: #00A19A;
  --status-success-bg: #E0F4F2;
  --status-warning: #C97A0E;
  --status-warning-bg: #FBEFDD;
  --status-danger: #C0392B;
  --status-danger-bg: #F8E5E2;
  --status-info: #2E5C8A;
  --status-info-bg: #D6E1EC;

  /* ---- Semantic role aliases ---- */
  --brand: var(--custera-navy);
  --accent: var(--custera-teal);

  --text-strong: var(--neutral-900);
  --text-body: #2A2F36;
  --text-muted: var(--neutral-600);
  --text-on-brand: var(--white);
  --text-link: var(--custera-navy);
  --text-link-hover: var(--teal-900);

  --surface-page: var(--neutral-000);
  --surface-card: var(--white);
  --surface-subtle: var(--neutral-100);
  --surface-brand: var(--custera-navy);
  --surface-brand-deep: var(--navy-900);
  --surface-accent-subtle: var(--teal-100);

  --border-subtle: var(--neutral-100);
  --border-default: #DDE2E8;
  --border-strong: var(--neutral-400);
  --border-focus: var(--custera-teal);

  --focus-ring: rgba(0, 161, 154, 0.35);
}