/* GLOBAL CSS FOR [ muhkee.net ] */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --brand-colour: #10082D;
  --brand-bg1: #0A0420;
  --brand-bg2: #2A1F51;
  --brand-bg3: #443678;
  --brand-accent1: #FED020;
  --brand-accent2: #AA63FF;
  --brand-accent1hover: #FFDE59;
  --brand-accent2hover: #C088FF;
  --brand-feedbackred: #FF0000;
  --brand-feedbackgreen: #00D100;
  --brand-copylight: #FFFFFF;
  --brand-copydark: #0C0C0C;
  --font-family-brand: Inter, sans-serif;
}

@theme inline {
  --color-brand-colour: var(--brand-colour);
  --color-brand-bg1: var(--brand-bg1);
  --color-brand-bg2: var(--brand-bg2);
  --color-brand-bg3: var(--brand-bg3);
  --color-brand-accent1: var(--brand-accent1);
  --color-brand-accent1hover: var(--brand-accent1hover);
  --color-brand-accent2: var(--brand-accent2);
  --color-brand-accent2hover: var(--brand-accent2hover);
  --color-brand-feedbackred: var(--brand-feedbackred);
  --color-brand-feedbackgreen: var(--brand-feedbackgreen);
  --color-brand-copylight: var(--brand-copylight);
  --color-brand-copydark: var(--brand-copydark);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--brand-bg1);
  color: var(--brand-copylight);
  font-family: var(--font-family-brand);
  margin: 0;
  padding: 0;
}