/*
Theme Name: Craftify
Theme URI: https://craftify.local/
Author: Craftify Team
Author URI: https://craftify.local/
Description: A cozy, modern, and high-performance WordPress theme designed specifically for crochet, knitting, DIY, and craft creators. Inspired by clean boutique craft publications like BunnyPatterns, featuring visual category grids, pattern specification cards (hook, yarn, difficulty), printable patterns, and responsive mobile-first layouts.
Version: 2.0.0
Update URI: false
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: craftify
Tags: blog, craft, crochet, diy, grid-layout, custom-menu, featured-images, custom-logo, one-column, right-sidebar
*/

/* ==========================================================================
   CSS CUSTOM PROPERTIES (THEME PALETTE & TYPOGRAPHY)
   ========================================================================== */
:root {
  /* Brand Palette (Warm, cozy, boutique aesthetic) */
  --cq-coral: #f27e73;
  --cq-coral-dark: #d96458;
  --cq-coral-light: #fbeae7;
  --cq-coral-soft: #fdf2f0;
  --cq-peach: #f7d9d4;
  --cq-peach-border: #f2dfdc;
  --cq-sage: #d4e5d0;
  --cq-sage-dark: #7aa374;
  --cq-dark: #2d2a28;
  --cq-text-main: #4a4744;
  --cq-text-muted: #8c827a;
  --cq-text-light: #b5ada7;
  --cq-bg-white: #ffffff;
  --cq-bg-page: #faf8f5;
  --cq-border-light: #f0ebe6;

  /* Typography */
  --cq-font-heading: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cq-font-body: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cq-font-script: 'Caveat', cursive;

  /* Layout & Sizing */
  --cq-container-max: 1200px;
  --cq-container-narrow: 840px;
  --cq-radius-sm: 8px;
  --cq-radius-md: 14px;
  --cq-radius-lg: 20px;
  --cq-radius-xl: 28px;
  --cq-radius-full: 9999px;

  /* Shadows */
  --cq-shadow-subtle: 0 4px 20px rgba(45, 42, 40, 0.04);
  --cq-shadow-card: 0 8px 30px rgba(45, 42, 40, 0.06);
  --cq-shadow-hover: 0 16px 40px rgba(242, 126, 115, 0.15);
}

/* Base resets & typography */
body {
  margin: 0;
  padding: 0;
  font-family: var(--cq-font-body);
  color: var(--cq-text-main);
  background-color: var(--cq-bg-page);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}