/*
Theme Name: Wand & Shine
Theme URI: https://wandshine.com
Author: Pecze Éva
Author URI: https://wandshine.com
Description: Modern, responsive WordPress FSE theme for Wand & Shine Studio. Features custom Gutenberg blocks, Nexter Blocks Pro integration, and comprehensive analytics tracking. Perfect for web design agencies and creative studios.
Version: 1.2.8
Requires at least: 6.4
Tested up to: 6.5
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: wand-shine
Tags: block-theme, full-site-editing, custom-blocks, one-column, portfolio, blog, featured-images, custom-colors, custom-logo, custom-menu, editor-style, sticky-post, threaded-comments, translation-ready, rtl-language-support
*/

/*
 * Font Face Declarations
 */

/* Figtree Variable Font - Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/* Miamo */
@font-face {
  font-family: 'Miamo';
  src: url('assets/fonts/Miamo/Miamo.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Zalando Sans */
@font-face {
  font-family: 'Zalando Sans';
  src: url('assets/fonts/Zalando_Sans/ZalandoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zalando Sans';
  src: url('assets/fonts/Zalando_Sans/ZalandoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/*
 * CSS Custom Properties
 */

:root {
  /* Brand Colors */
  --ws-color-primary: #FF4FF3;
  --ws-color-secondary: #D8FF63;
  --ws-color-accent: #B4A4FF;
  --ws-color-dark: #131415;
  --ws-color-darker: #0a0a0a;
  --ws-color-light: #F1EFF9;
  --ws-color-lighter: #fafafa;
  --ws-color-white: #ffffff;

  /* Typography - Figma Brand Guidelines */
  --ws-font-primary: 'Figtree', system-ui, sans-serif;
  --ws-font-heading: 'Miamo', serif;
  --ws-font-button: 'Zalando Sans Expanded', sans-serif;

  /* Spacing */
  --ws-spacing-xs: 0.5rem;
  --ws-spacing-sm: 1rem;
  --ws-spacing-md: 2rem;
  --ws-spacing-lg: 3rem;
  --ws-spacing-xl: 4rem;

  /* Border Radius */
  --ws-radius-sm: 8px;
  --ws-radius-md: 16px;
  --ws-radius-lg: 24px;
  --ws-radius-xl: 32px;

  /* Transitions */
  --ws-transition-fast: 0.2s ease;
  --ws-transition-normal: 0.3s ease;
  --ws-transition-slow: 0.5s ease;
}

/*
 * Base Styles
 */

body {
  font-family: var(--ws-font-primary);
  color: var(--ws-color-dark);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ws-font-heading);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}

a {
  color: var(--ws-color-primary);
  text-decoration: none;
  transition: color var(--ws-transition-fast);
}

a:hover {
  color: var(--ws-color-accent);
}

img {
  max-width: 100%;
  height: auto;
}

/* Smooth Scroll */
html {
  scroll-behavior: smooth;
}

/* Selection Colors */
::selection {
  background-color: var(--ws-color-primary);
  color: var(--ws-color-white);
}

::-moz-selection {
  background-color: var(--ws-color-primary);
  color: var(--ws-color-white);
}