/* Alias lookup (use the base name's shade for any step besides 500/600/100): bluebird -> primary, robin -> accent, heron -> accent2, parakeet -> accent3, rooster -> accent4 */
:root {
  --grey-50: #f9f9f9;
  --grey-100: #f1f1f1;
  --grey-200: #e3e3e3;
  --grey-300: #cccccc;
  --grey-400: #a8a8a8;
  --grey-500: #858585;
  --grey-600: #666666;
  --grey-700: #4a4a4a;
  --grey-800: #303030;
  --grey-900: #1c1c1c;

  /* primary (bluebird) */
  --primary-100: #e9eef7;
  --primary-200: #c0cbf2;
  --primary-300: #8894f4;
  --primary-400: #6970f9;
  --primary-500: #4f50ff;
  --primary-600: #1d1dff;
  --primary-700: #0000ed;
  --primary-800: #0000a2;
  --primary-900: #000059;

  /* accent (robin) */
  --accent-100: #f6f3e5;
  --accent-200: #eddaa9;
  --accent-300: #f0b456;
  --accent-400: #f79a27;
  --accent-500: #ff8200;
  --accent-600: #db6300;
  --accent-700: #b94900;
  --accent-800: #842800;
  --accent-900: #501100;

  /* accent2 (heron) */
  --accent2-100: #e7eef1;
  --accent2-200: #a9c5d6;
  --accent2-300: #5a8dc2;
  --accent2-400: #396db0;
  --accent2-500: #2c5697;
  --accent2-600: #244586;
  --accent2-700: #1e3675;
  --accent2-800: #142159;
  --accent2-900: #0c113d;

  /* accent3 (parakeet) */
  --accent3-100: #ecf3e8;
  --accent3-200: #c0e1b1;
  --accent3-300: #7ed668;
  --accent3-400: #55d540;
  --accent3-500: #37cf26;
  --accent3-600: #24b61d;
  --accent3-700: #169d16;
  --accent3-800: #0d730d;
  --accent3-900: #064906;

  /* accent4 (rooster) */
  --accent4-100: #f1ebe8;
  --accent4-200: #d6b6ad;
  --accent4-300: #c06c62;
  --accent4-400: #b2463f;
  --accent4-500: #9a3332;
  --accent4-600: #882929;
  --accent4-700: #762222;
  --accent4-800: #591717;
  --accent4-900: #3c0e0e;

  --success-100: #e7f2f2;
  --success-200: #abdcdc;
  --success-300: #5ccdc5;
  --success-400: #33c8b4;
  --success-500: #27b098;
  --success-600: #1f9b7e;
  --success-700: #188767;
  --success-800: #0f6544;
  --success-900: #084327;

  --warning-100: #f4f3e4;
  --warning-200: #e4d79b;
  --warning-300: #e2b038;
  --warning-400: #d59113;
  --warning-500: #b8730a;
  --warning-600: #a45b05;
  --warning-700: #904702;
  --warning-800: #6d2b00;
  --warning-900: #491700;

  --danger-100: #f3ece8;
  --danger-200: #debdb3;
  --danger-300: #d0786f;
  --danger-400: #cc4e49;
  --danger-500: #c53030;
  --danger-600: #ad2626;
  --danger-700: #951e1e;
  --danger-800: #6d1313;
  --danger-900: #450a0a;

  /* Roles: use these in components, not the raw shades. */
  --color-bg: #ffffff;
  --color-surface: var(--grey-50);
  --color-border: var(--grey-200);
  --color-text: var(--grey-900);
  --color-text-muted: var(--grey-600);
  --color-primary: var(--primary-500);
  --color-primary-hover: var(--primary-600);
  --color-primary-tint: var(--primary-100);
  --color-on-primary: #ffffff;
  --color-accent: var(--accent-500);
  --color-accent-tint: var(--accent-100);
  --color-accent2: var(--accent2-500);
  --color-accent2-tint: var(--accent2-100);
  --color-accent3: var(--accent3-500);
  --color-accent3-tint: var(--accent3-100);
  --color-accent4: var(--accent4-500);
  --color-accent4-tint: var(--accent4-100);
  --color-success: var(--success-600);
  --color-success-tint: var(--success-100);
  --color-success-text: var(--success-800);
  --color-warning: var(--warning-600);
  --color-warning-tint: var(--warning-100);
  --color-warning-text: var(--warning-800);
  --color-danger: var(--danger-600);
  --color-danger-tint: var(--danger-100);
  --color-danger-text: var(--danger-800);
  /* Aliases: friendly names for the colours above. */
  --color-bluebird: var(--primary-500);
  --color-bluebird-tint: var(--primary-100);
  --color-robin: var(--accent-500);
  --color-robin-tint: var(--accent-100);
  --color-heron: var(--accent2-500);
  --color-heron-tint: var(--accent2-100);
  --color-parakeet: var(--accent3-500);
  --color-parakeet-tint: var(--accent3-100);
  --color-rooster: var(--accent4-500);
  --color-rooster-tint: var(--accent4-100);
}