/*
Theme Name: Younes Kaouan Portfolio
Theme URI: https://kaouan.com
Author: Younes Kaouan
Author URI: https://kaouan.com
Description: Premium modern, high-contrast, light-themed portfolio for Younes Kaouan featuring customizable hero contents, creations grid, locked Curriculum Vitae section, and active wp_mail contact form.
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: younes-portfolio
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  --bg: #FAFAFC;
  --bg-warm: #F6F5F8;
  --lavender: #ECEBF0;
  --lavender-deep: #D8D5E0;
  --olive: #7A8E7B;
  --olive-dark: #5C6E5D;
  --plum: #291A2A;
  --plum-mid: #4A2E4D;
  --plum-light: #6B4A6E;
  --text-light: #5E4D60;
  --cream: #F2F0F5;
  --white: #FFFFFF;
}

html {
  scroll-behavior: smooth;
  background-color: var(--bg);
  color: var(--text-light);
  font-family: 'Outfit', sans-serif;
}

/* Custom Scroll effects and fade transitions */
.fade-in-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  visibility: hidden;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.creation-card:hover .reveal-overlay {
  transform: translateY(0);
}

.reveal-overlay {
  transform: translateY(100%);
  transition: transform 0.4s ease-in-out;
}