/*
Theme Name: KinddahFunky
Theme URI: https://kinddahfunky.com
Author: KinddahFunky
Author URI: https://kinddahfunky.com
Description: A bold, expressive, funky WordPress theme with vibrant aesthetics and smooth animations.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kinddahfunky
Tags: blog, portfolio, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, sticky-post, theme-options, translation-ready
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --color-primary:#FF6B35;
  --color-secondary:#6B35FF;
  --color-accent:#FFD700;
  --color-dark:#1A1A2E;
  --color-light:#F8F4FF;
  --color-text:#2D2D44;
  --color-muted:#7A7A9A;
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono','Courier New',monospace;
  --radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:32px;
  --shadow-sm:0 2px 8px rgba(107,53,255,.12);
  --shadow-md:0 8px 24px rgba(107,53,255,.18);
  --shadow-lg:0 24px 64px rgba(107,53,255,.22);
  --transition:.3s cubic-bezier(.4,0,.2,1);
  --max-width:1200px;
  --gutter:clamp(16px,4vw,48px);
}

html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);color:var(--color-text);background:var(--color-light);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition)}
a:hover,a:focus{color:var(--color-primary);text-decoration:underline}
img,video{max-width:100%;height:auto;display:block}

/* WordPress core classes */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--color-light);border-radius:var(--radius-sm);clip:auto!important;clip-path:none;color:var(--color-dark);display:block;font-size:.875rem;font-weight:700;height:auto;left:8px;padding:12px 24px;top:8px;width:auto;z-index:100000}
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{display:block;margin:0 auto 1em}
.alignwide{margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter))}
.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.8125rem;color:var(--color-muted);margin-top:.5em}
.sticky{border-left:4px solid var(--color-accent);padding-left:1.25em}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.gallery-item img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md)}