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

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

:root {
  --brand-colour: #293CCF;
  --brand-bg1: #191346;
  --brand-bg2: #261B72;
  --brand-bg3: #3523B4;
  --brand-accent1: #04F8F8;
  --brand-accent2: #9E7BFF;
  --brand-accent1hover: #00E4E4;
  --brand-accent2hover: #8052FF;
  --brand-feedbackred: #FF7171;
  --brand-feedbackgreen: #3ABE2C;
  --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;
}