:root {
    --background: #1d083f;
    --foreground: #fff;
    --card: #77471a;
    --card-foreground: #fff;
    --popover: #4f4e48;
    --popover-foreground: #fff;
    --primary: #2b4d7d;
    --primary-foreground: #fff;
    --primary-active: #1e3657;
    --primary-hover: #3864a3;
    --secondary: #5c4150;
    --secondary-foreground: #fff;
    --secondary-active: #3e2c36;
    --secondary-hover: #7a566a;
    --muted: #7f6c38;
    --muted-foreground: #fff;
    --muted-active: #5c4e28;
    --muted-hover: #a28a48;
    --accent: #417767;
    --accent-foreground: #fff;
    --accent-active: #26234f;
    --accent-hover: #26234f;
    --destructive: #34363d;
    --destructive-foreground: #fff;
    --border: #71371b;
    --input: #462253;
    --ring: #033a72;
    --chart-1: #1b410b;
    --chart-2: #134c63;
    --chart-3: #517677;
    --chart-4: #11655e;
    --chart-5: #2c3338;
    --radius: 0;
    --font-display: Playfair Display, Georgia, serif;
    --font-body: Open Sans, Arial, sans-serif;
  }
Welcome to Klea's site
