/* Polderbyte — Color tokens
   Cobalt-blue brand accent over near-black ink on white surfaces.
   Base scales first, semantic aliases below. */
:root {
  /* Brand — cobalt blue */
  --blue-50: #EEF3FE;
  --blue-100: #D9E4FD;
  --blue-200: #B4C8FB;
  --blue-300: #8AA8F6;
  --blue-400: #5E85EF;
  --blue-500: #2F6BE5; /* primary */
  --blue-600: #1F55CC;
  --blue-700: #1A45A6;
  --blue-800: #163A85;
  --blue-900: #142F66;

  /* Ink — cool neutrals */
  --ink-950: #0B0E14;
  --ink-900: #0F1319; /* headings */
  --ink-800: #171C24;
  --ink-700: #2A313C;
  --ink-600: #454E5B; /* body */
  --ink-500: #667080; /* muted */
  --ink-400: #8A94A3;
  --ink-300: #B4BCC8;
  --ink-200: #D6DBE3; /* borders */
  --ink-100: #E9ECF1;
  --ink-50:  #F5F7FA; /* subtle surface */
  --white:   #FFFFFF;

  /* Status */
  --green-500: #1E9E6A;
  --green-50:  #E7F6EF;
  --amber-500: #E8A417;
  --amber-50:  #FCF3DE;
  --red-500:   #E23D3D;
  --red-50:    #FCE9E9;

  /* ---- Semantic aliases ---- */
  --color-bg: var(--white);
  --color-surface: var(--white);
  --color-surface-subtle: var(--ink-50);
  --color-surface-inverse: var(--ink-900);

  --brand: var(--blue-500);
  --brand-strong: var(--blue-600);
  --brand-pressed: var(--blue-700);
  --brand-soft: var(--blue-50);
  --brand-ring: rgba(47,107,229,.35);

  --text-strong: var(--ink-900);
  --text-body: var(--ink-600);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-400);
  --text-on-brand: var(--white);
  --text-on-inverse: var(--white);
  --text-link: var(--blue-600);
  --text-link-hover: var(--blue-700);

  --border: var(--ink-200);
  --border-subtle: var(--ink-100);
  --border-strong: var(--ink-300);

  --success: var(--green-500);
  --success-soft: var(--green-50);
  --warning: var(--amber-500);
  --warning-soft: var(--amber-50);
  --danger: var(--red-500);
  --danger-soft: var(--red-50);
}