input.css

@import "tailwindcss";
@source "./src/**/*.rs";

@theme {
  --color-dash: #008DE4;
  --color-dash-hover: #0071B6;
  --color-dash-dark: #00599a;
  --color-surface: #323233;
  --color-surface-alt: #2d2d2e;
  --color-card: #39393b;
  --color-hover: #4a4a4b;
  --color-foreground: #c7c7c7;
  --color-muted: #787878;
  --color-disabled: #585858;
  --color-edge: #4a4a4b;
  --color-success: #5e8c41;
  --color-warning: #c79304;
  --color-error: #a84832;
  --color-chainlock: #6b4fa0;

  --font-heading: 'Montserrat', 'SF Pro Display', system-ui, sans-serif;
  --font-body: 'Open Sans', 'SF Pro Text', system-ui, sans-serif;
}

@layer base {
  body {
    font-family: 'Open Sans', 'SF Pro Text', system-ui, sans-serif;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'SF Pro Display', system-ui, sans-serif;
  }
}