/* Cranmead colours: soft green surfaces by day, deep teal at night. */
:root {
  color-scheme: light;
  --brand-coral: #e4484c;
  --brand-teal: #0eaa9d;
  --brand-orange: #ff6229;
  --brand-blue: #4d89c5;
  --brand-grey: var(--foreground);
  --brand-coral-strong: #a12b35;
  --brand-coral-pale: #f8dfe0;
  --brand-teal-pale: #cfe8df;
  --teal-ink: #176152;
  --background: #dfeae5;
  --foreground: #233c37;
  --card: #f1f5ef;
  --card-foreground: var(--foreground);
  --popover: #f1f5ef;
  --popover-foreground: var(--foreground);
  --primary: #b6303a;
  --primary-hover: #98232d;
  --primary-foreground: #ffffff;
  --secondary: #e5eee7;
  --secondary-foreground: var(--foreground);
  --surface-muted: #dbe7df;
  --muted-foreground: #4d625b;
  --accent: #cce1d7;
  --accent-foreground: #184f43;
  --destructive: #a12b35;
  --border: #aebfb6;
  --input: #829a8e;
  --field-background: #f6f8f2;
  --ring: #087168;
  --sidebar: #c9dcd2;
  --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #accfc0;
  --sidebar-accent-foreground: #173e32;
  --sidebar-border: #a0bbae;
  --sidebar-ring: var(--ring);
  --topbar: #d2e2d8;
  --table-head: #c9ded2;
  --table-stripe: #e5eee6;
  --amber-bg: #f7e5c9;
  --amber-ink: #7d430d;
  --blue-bg: #dce9f5;
  --blue-ink: #2d5f8c;
  --chart-1: var(--brand-teal);
  --chart-2: var(--brand-coral);
  --chart-3: var(--brand-orange);
  --chart-4: var(--brand-blue);
  --chart-5: var(--foreground);
}
:root.dark {
  color-scheme: dark;
  --background: #111f22;
  --foreground: #edf5f2;
  --card: #1c3033;
  --popover: #223a3d;
  --secondary: #294246;
  --surface-muted: #263d40;
  --muted-foreground: #b5cbc6;
  --accent: #30534f;
  --accent-foreground: #d1f5e7;
  --border: #486665;
  --input: #73908a;
  --field-background: #15292c;
  --ring: #82dfcb;
  --brand-coral-strong: #ffadb2;
  --brand-coral-pale: #4b2d36;
  --brand-teal-pale: #204941;
  --teal-ink: #8ee2ca;
  --destructive: #ffadb2;
  --sidebar: #172a2d;
  --sidebar-accent: #2b4d45;
  --sidebar-accent-foreground: #dcf7ea;
  --sidebar-border: #486665;
  --topbar: #1c3033;
  --table-head: #2b4647;
  --table-stripe: #22373a;
  --amber-bg: #4b3d29;
  --amber-ink: #ffd18b;
  --blue-bg: #293e57;
  --blue-ink: #b4d7ff;
}