@font-face { font-family: "Cosmos Brand"; src: url("./font.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root:root {
  --brand-primary: #8724eb;
  --brand-secondary: #ff8aef;
  --primary: #8724eb;
  --primary-foreground: #ffffff;
  --accent: #ff8aef;
  --accent-foreground: #000000;
  --secondary: #f1f1f1;
  --secondary-foreground: #151515;
  --background: #ffffff;
  --foreground: #151515;
  --card: #ffffff;
  --card-foreground: #151515;
  --muted: #f1f1f1;
  --muted-foreground: #636363;
  --border: #d4d4d4;
  --input: #d4d4d4;
  --ring: #8724eb;
  --brand-link: #8724eb;
  --font-sans: "Cosmos Brand", sans-serif;
  --font-serif: "Cosmos Brand", sans-serif;
  --font-heading: "Cosmos Brand", sans-serif;
  --sidebar-primary: #8724eb;
  --sidebar-primary-foreground: #ffffff;
}
:root.dark {
  --brand-primary: #8724eb;
  --brand-secondary: #ff8aef;
  --primary: #8724eb;
  --primary-foreground: #ffffff;
  --accent: #ff8aef;
  --accent-foreground: #000000;
  --secondary: #292929;
  --secondary-foreground: #ffffff;
  --background: #151515;
  --foreground: #f5f5f5;
  --card: #151515;
  --card-foreground: #f5f5f5;
  --muted: #292929;
  --muted-foreground: #b8b8b8;
  --border: #444444;
  --input: #444444;
  --ring: #af6bf2;
  --brand-link: #af6bf2;
  --font-sans: "Cosmos Brand", sans-serif;
  --font-serif: "Cosmos Brand", sans-serif;
  --font-heading: "Cosmos Brand", sans-serif;
  --sidebar-primary: #8724eb;
  --sidebar-primary-foreground: #ffffff;
}
body, .font-sans, .font-heading { font-family: var(--font-sans); }