/*!
Theme Name: Your Theme Name
Theme URI: https://yourdomain.com
Author: Your Name
Author URI: https://yourdomain.com
Description: Custom theme based on Underscores
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: your-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Import base styles */
/*@import "/base/_variables.css";*/
/*@import "/base/_colors.css";*/
/*@import "/base/_typography.css";*/
/*@import "/base/_layout.css";*/
/*@import "/base/_utilities.css";*/

/* Import components */
/* Add your component styles here as you build them */

body {
  background-color: var(--color-bg);
  color:var(--color-text);
  margin:0;
}

/* Asigură spațiu cât header-ul */
body.has-fixed-header {
    padding-top: calc(var(--header-height) + 1em);
}

body, *{
  /*transition: background-color 0.1s ease, color 0.1s ease;*/
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
  color:var(--color-primary);
}

/*Dark mode*/
/* Add to your _header.css */
.mode-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 40px;
    padding: 12px;
    margin-left: 0;
    transition: transform 0.3s ease;
    position:fixed;
    bottom:1rem;
    left:1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color:var(--color-text);
        border-radius:50%;
    z-index:999;
}
.mode-toggle .switcher-icon{
    height:32px;
    width: 32px;
    margin:0;
}
.mode-toggle .switcher-icon.icon-dark{
    fill:yellow;
}
.mode-toggle .switcher-icon.icon-light{
    fill:orange;
}
.mode-toggle:hover {
    transform: scale(1.1);
}

/* Position in header */
.site-header .header-container {
    display: flex;
    align-items: center;
}

.site-header .mode-toggle {
    margin-left: auto; /* Pushes to far right */
}

/*Page*/
.entry-title{
    margin-top:0;
}

/* Hero Section */
.hero {
  background-color: var(--color-bg);
  color: var(--color-text);
  position: relative;
  overflow: hidden;
}

.hero-content {
  max-width: 800px;
  margin: 0 auto var(--space-xl);
}


.hero-title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: var(--space-md);
  color: var(--color-text);
}

.hero-text {
  font-size: var(--text-lg);
  max-width: 600px;
  margin: 0;
  color: var(--color-text-light);
}

.hero-actions {
  margin-top: var(--space-lg);
}

.hero-image {
  max-width: 1000px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--box-shadow-main);
  background-color:var(--color-bg-alt);
}

.hero-image img {
  width: 100%;
  height: auto;
  display: block;
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-content {
    margin-bottom: var(--space-lg);
  }
  
  .hero-actions {
    flex-direction: column;
    gap: var(--space-sm);
  }
  
  .hero-image {
    border-radius: var(--radius-md);
  }
}

/* Base Button */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
}

/* Button Variants */
.btn-primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.btn-primary:hover {
  background-color: var(--color-primary-dark);
  transform: translateY(-2px);
}

.btn-secondary {
  background-color: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.btn-secondary:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  transform: translateY(-2px);
}

/* Additional useful button variants */
.btn-accent {
  background-color: var(--color-accent-1);
  color: var(--color-white);
}

.btn-error {
  background-color: var(--color-error);
  color: var(--color-white);
}

.btn-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/*Badges*/
.badge {
  display: inline-block;
  padding: var(--space-xs) var(--space-sm);
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 100px;
  font-size: var(--text-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Badge Variants */
.badge-success {
  background-color: var(--color-success);
}

.badge-warning {
  background-color: var(--color-warning);
  color: var(--color-gray-dark);
}

.badge-error {
  background-color: var(--color-error);
}

/*Images*/
.img-responsive {
  width: 100%;
  height: auto;
  display: block;
}

.img-rounded {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.img-shadow {
  box-shadow: var(--box-shadow-main);
}