/*
Theme Name: Cleanify Theme
Theme URI: https://cleanify.co.uk
Author: Cleanify
Author URI: https://cleanify.co.uk
Description: A custom WordPress theme for Cleanify converted from Next.js
Version: 3.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cleanify
Tags: custom, clean, modern
*/

/* Basic Reset */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-sans), sans-serif;
}

:root {
    --background: 98% 0 0;
    /* oklch approximation or fallback? No, browsers support oklch now usually, but let's safe convert or just paste. I will paste exact values but maybe I should fallback to HEX if I can.
  Actually, tailwind CDN 3.4 supports arbitrary values.
  I will just paste the content of globals.css (VARIABLES ONLY) into style.css */
    --font-sans: 'Inter', sans-serif;
    --font-serif: 'Poppins', serif;

    /* Color Variables (Approximate HSL for compatibility with the simplistic Tailwind 3 setup or exact values if browser supports) */
    /* Using exact oklch as provided */
    --background: oklch(0.985 0 0);
    --foreground: oklch(0.205 0.015 250);
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.205 0.015 250);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.205 0.015 250);
    --primary: oklch(0.637 0.126 175.5);
    --primary-foreground: oklch(1 0 0);
    --secondary: oklch(0.95 0.02 175.5);
    --secondary-foreground: oklch(0.205 0.015 250);
    --muted: oklch(0.96 0.01 175.5);
    --muted-foreground: oklch(0.45 0.02 250);
    --accent: oklch(0.85 0.15 85);
    --accent-foreground: oklch(0.205 0.015 250);
    --destructive: oklch(0.577 0.245 27.325);
    --destructive-foreground: oklch(0.577 0.245 27.325);
    --border: oklch(0.90 0.01 175.5);
    --input: oklch(0.922 0 0);
    --ring: oklch(0.637 0.126 175.5);
    --radius: 0.625rem;
}