/* Brett Lovins — color tokens
   Brand palette (provided by Brett):
     Trust Blue #2C5F8A · Terracotta #C1553A · Warm Gray #8C8478
     Warm Ink #2A2420 · Background #FAF6F0
   Steel (#74828F) is sampled from the logo mark's gray link. */
:root {
  /* ---- Base scales ---- */
  /* Trust Blue */
  --blue-900: #16334C;
  --blue-700: #234C6E;
  --blue-500: #2C5F8A; /* Trust Blue */
  --blue-400: #4478A3;
  --blue-300: #7FA3C1;
  --blue-100: #D9E4EE;
  --blue-50:  #EDF2F7;

  /* Terracotta */
  --terracotta-700: #96422D;
  --terracotta-500: #C1553A; /* Terracotta */
  --terracotta-300: #D98F7C;
  --terracotta-100: #F2DCD4;
  --terracotta-50:  #F9EFEA;

  /* Steel — from the logo mark */
  --steel-500: #74828F;
  --steel-300: #A3ADB7;
  --steel-100: #E1E5E9;

  /* Warm neutrals */
  --ink-900: #2A2420; /* Warm Ink */
  --ink-700: #4C453D;
  --ink-500: #6E6558;
  --gray-500: #8C8478; /* Warm Gray */
  --gray-300: #B8B1A5;
  --gray-200: #D8D2C6;
  --gray-100: #EAE4D9;
  --cream-100: #F3EDE3;
  --cream-50:  #FAF6F0; /* Background */
  --white: #FFFFFF;

  /* Feedback (intentional additions — derived to sit with the warm palette) */
  --green-600: #3F7050;
  --green-100: #DEEAE1;
  --amber-600: #A5762E;
  --amber-100: #F2E6D0;
  --red-600: #A23B24;
  --red-100: #F2DCD4;

  /* ---- Semantic aliases ---- */
  --color-bg: var(--cream-50);
  --color-bg-alt: var(--cream-100);
  --surface-card: var(--white);
  --surface-raised: var(--white);
  --surface-inverse: var(--blue-900);
  --surface-brand: var(--blue-500);
  --surface-accent-soft: var(--terracotta-50);
  --surface-brand-soft: var(--blue-50);

  --text-heading: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--gray-500);
  --text-on-brand: var(--white);
  --text-on-accent: var(--white);
  --text-inverse: var(--cream-50);

  --accent: var(--terracotta-500);
  --accent-hover: var(--terracotta-700);
  --brand: var(--blue-500);
  --brand-hover: var(--blue-700);
  --link: var(--blue-500);
  --link-hover: var(--terracotta-500);

  --border-default: var(--gray-200);
  --border-strong: var(--gray-300);
  --border-brand: var(--blue-500);
  --focus-ring: 0 0 0 3px rgba(44, 95, 138, 0.35);

  --success: var(--green-600);
  --success-bg: var(--green-100);
  --warning: var(--amber-600);
  --warning-bg: var(--amber-100);
  --danger: var(--red-600);
  --danger-bg: var(--red-100);
}