/*
Theme Name: Salchak Studio
Theme URI: https://salchak.studio
Author: Studio Designer
Author URI: https://salchak.studio
Description: Premium theme for Salchak creative music studio, designed for children's music education with a luxurious, minimalist aesthetic.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salchak-studio
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, music, education

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Salchak Studio is based on Underscores https://underscores.me/, (C) 2012-2025 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap');

/* Base Styles */
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  color: #111827; /* high-contrast */
  background-color: #ffffff; /* pure white */
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  font-weight: 500;
  line-height: 1.2;
  color: #111827;
  letter-spacing: -0.02em;
}

/* Typography Scale */
h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  margin-bottom: 2rem;
}

h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  margin-bottom: 1rem;
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: 1rem;
}

h4 {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
}

p {
  margin-bottom: 1rem;
  font-size: 1.125rem;
}

/* Links */
a {
  color: #0F52BA;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #D4AF37;
  text-decoration: underline;
}