/* Design G colour and type tokens for the portal, admin and preview pages.
   The variable names are the ones webchat-ui.css was written against. */

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@700;800&family=Instrument+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --ink: #0E0F0C;
  --text: #0E0F0C;
  --navy: #0E0F0C;          /* headings, primary buttons, active states */
  --navy-dk: #2E3128;
  --bar: #0E0F0C;
  --white: #FFFFFF;
  --bg: #F2F2EA;
  --page: #F2F2EA;
  --field-bg: #FFFFFF;
  --border: #E4E5DF;
  --line: #E4E5DF;
  --mid: #3A3D34;
  --muted: #55584F;
  --light: #55584F;         /* secondary text; kept dark enough for 4.5:1 */
  --accent: #0E0F0C;
  --gold: #C6F432;          /* lime: the one accent */
  --gold-lt: #DDF29A;
  --btn-hover: #F2F2EA;
  --row-hover: #FAFAF6;
  --active-border: #0E0F0C;
  --shadow: none;

  --green: #3F6300;
  --green-bg: #EAF6C4;
  --green-border: #C6F432;
  --red: #B42318;
  --red-bg: #FDF3F1;
  --red-bg-soft: #FDF3F1;
  --red-border: #F2A39A;
  --red-border-soft: #F6C9C3;
  --amber: #7A4F00;
  --amber-bg: #FFF4D6;
  --amber-border: #F0CF7A;
  --blue: #1F5FAD;
  --blue-bg: #E6EEF8;
  --neutral: #3A3D34;
  --neutral-bg: #EDEDE6;
}