/*
Theme Name: NagelInspo
Theme URI: https://nagelinspo.de
Author: NagelInspo Redaktion
Author URI: https://nagelinspo.de
Description: Premium deutsches WordPress-Theme für Nageldesign, Nail Inspiration & Pinterest SEO. Entwickelt nach Core Web Vitals Standards ohne externe Page Builder oder Abhängigkeiten.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 6.2
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nagelinspo
Tags: beauty, blog, grid-layout, custom-menu, featured-images, full-width-template, translation-ready, theme-options

NagelInspo WordPress Theme, (C) 2026 NagelInspo.de
*/

/* ==========================================================================
   CSS VARIABLES & DESIGN TOKENS
   ========================================================================== */
:root {
  /* Color Palette */
  --ni-bg: #FAF8F6;
  --ni-card-bg: #FFFFFF;
  --ni-text: #211F1E;
  --ni-text-secondary: #6F6965;
  --ni-soft-beige: #EFE9E4;
  --ni-nude: #D7B7A8;
  --ni-dusty-rose: #C58F94;
  --ni-burgundy: #7A263A;
  --ni-burgundy-hover: #611E2E;
  --ni-deep-chocolate: #4B332D;
  --ni-border: #E7E0DC;
  --ni-border-light: #F2ECE8;
  --ni-black: #171717;
  --ni-pure-white: #FFFFFF;
  --ni-accent-tag: #F7EFE9;

  /* Typography */
  --ni-font-serif: "Cormorant Garamond", "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --ni-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Layout & Widths */
  --ni-max-width: 1400px;
  --ni-wide-width: 1200px;
  --ni-reading-width: 800px;
  --ni-narrow-width: 680px;
  --ni-gutter: 1.5rem;
  --ni-header-height: 72px;

  /* Spacing */
  --ni-space-xs: 0.5rem;
  --ni-space-sm: 0.75rem;
  --ni-space-md: 1.25rem;
  --ni-space-lg: 2rem;
  --ni-space-xl: 3.5rem;
  --ni-space-2xl: 5rem;

  /* Shadows & Radii */
  --ni-radius-sm: 4px;
  --ni-radius-md: 8px;
  --ni-radius-lg: 12px;
  --ni-radius-full: 9999px;
  --ni-shadow-subtle: 0 4px 20px rgba(33, 31, 30, 0.04);
  --ni-shadow-card: 0 8px 30px rgba(33, 31, 30, 0.06);
  --ni-shadow-hover: 0 14px 40px rgba(33, 31, 30, 0.1);

  /* Transitions */
  --ni-transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}