/*
Theme Name: Twenty Twenty-Three Child
Theme URI:https://studio.syncplus.net//twenty-twenty-three-child/
Description: Twenty Twenty-Three Child Theme
Author: Fiew Gerk
Author URI: https://studio.syncplus.net/
Template: twentytwentythree
Version: 1.0.0
*/
/* Add your custom styles here */
/* Add this at the top of your CSS file or in HTML head */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&family=Inter:wght@300&display=swap');

:root {
    --bg-stone: #e5e4e0;
    --text-charcoal: #1c1917;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-stone);
    color: var(--text-charcoal);
    -webkit-font-smoothing: antialiased;
    margin: 0;
}

h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(4.5rem, 15vw, 18rem);
    font-weight: 300;
    line-height: 0.8;
    text-align: center;
    letter-spacing: -0.05em;
    color: #1C1917;
}

h2, h3, h4, h6 {
    font-family: 'Cormorant Garamond', serif;
}

h5{
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.5rem, 8vw, 8rem);
    font-style: italic;
    font-weight: 300;
    text-transform: lowercase;
    opacity: 0.8;
}

p {
    font-family: 'Inter', sans-serif;
}
/* Responsive sizes */
@media (max-width: 768px) { h1 { font-size: 4rem; } }
@media (min-width: 769px) and (max-width: 1024px) { h1 { font-size: 7rem; } }
@media (min-width: 1025px) { h1 { font-size: 11rem; } }