/*
Theme Name: Link Viewer
Theme URI: https://github.com/M-TalhaSaleem/link-viewer
Description: A modern one-page WordPress landing page.
Version: 1.1.0
Author: Talha
Text Domain: link-viewer
*/

:root {
    --background: 220 20% 97%;
    --foreground: 220 30% 10%;
    --card: 0 0% 100%;
    --card-foreground: 220 30% 10%;
    --popover: 0 0% 100%;
    --popover-foreground: 220 30% 10%;
    --primary: 24 95% 50%;
    --primary-foreground: 0 0% 100%;
    --secondary: 220 60% 15%;
    --secondary-foreground: 0 0% 98%;
    --muted: 220 15% 92%;
    --muted-foreground: 220 10% 45%;
    --accent: 24 100% 95%;
    --accent-foreground: 24 95% 35%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 98%;
    --border: 220 15% 90%;
    --input: 220 15% 90%;
    --ring: 24 95% 50%;
    --radius: 0.75rem;
}

.dark {
    --background: 220 30% 6%;
    --foreground: 220 10% 95%;
    --card: 220 30% 10%;
    --card-foreground: 220 10% 95%;
    --popover: 220 30% 10%;
    --popover-foreground: 220 10% 95%;
    --primary: 24 95% 50%;
    --primary-foreground: 0 0% 100%;
    --secondary: 220 30% 18%;
    --secondary-foreground: 220 10% 95%;
    --muted: 220 20% 15%;
    --muted-foreground: 220 10% 55%;
    --accent: 24 80% 15%;
    --accent-foreground: 24 95% 70%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 220 20% 18%;
    --input: 220 20% 18%;
    --ring: 24 95% 50%;
}

* {
    border-color: hsl(var(--border));
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Space Grotesk', sans-serif;
}