/*
Theme Name: QashLine Child
Theme URI: https://example.com
Description: QashLine Child Theme for Hello Elementor with custom header, footer, and light green background
Author: Your Name
Author URI: https://example.com
Template: hello-elementor
Version: 1.0.0
Text Domain: qashline-child
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ===================================
   QASHLINE GLOBAL DESIGN SYSTEM
=================================== */

:root{
  --ql-primary:#1565c0;        /* Main Blue */
  --ql-primary-dark:#0d47a1;   /* Dark Blue */
  --ql-accent:#42a5f5;         /* Accent Blue */
  --ql-light:#e3f2fd;          /* Light Blue Background */
  --ql-lighter:#f1f8ff;        /* Very Light Blue */
  --ql-text:#1a1a1a;
  --ql-muted:#4a6fa5;
  --ql-white:#ffffff;
  --ql-shadow:0 10px 30px rgba(0,0,0,0.08);
}


/* Base Reset */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html, body{
  background:var(--ql-light);
}

body{
  font-family:Segoe UI, Arial, sans-serif;
  color:var(--ql-text);
  line-height:1.6;
}

/* Buttons */
.ql-btn{
  display:inline-block;
  padding:16px 34px;
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
  transition:all .2s ease;
}

.ql-btn-primary{
  background:var(--ql-primary);
  color:#fff;
}

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

.ql-btn-outline{
  border:2px solid var(--ql-primary);
  color:var(--ql-primary);
  background:#fff;
}

.ql-btn-outline:hover{
  background:var(--ql-primary);
  color:#fff;
}

/* Section spacing */
.ql-section{
  padding:80px 20px;
}

@media(max-width:768px){
  .ql-section{
    padding:60px 20px;
  }
}