/*
Theme Name: Zouqoraa - Astra Child
Theme URI: https://example.com/zouqoraa
Description: Zouqoraa — A premium, warm, modern children's lifestyle boutique child theme for Astra and WooCommerce, crafted for Kerala & India with Indian Rupee (₹) pricing, festive occasion showcases, and mobile-first performance.
Author: Zouqoraa Design Studio
Author URI: https://example.com
Template: astra
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: zouqoraa
*/

/* Import Full Custom Stylesheet directly into style.css */
@import url('assets/css/custom.css');

/* ==========================================================================
   DESIGN TOKENS & CSS VARIABLES (ZOUQORAA RED & NAVY PALETTE)
   ========================================================================== */
:root {
  /* Typography */
  --font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* Color Palette - Zouqoraa Premium Toy Flagship */
  --color-primary: #E63946;          /* Brand Red */
  --color-primary-hover: #D90429;    /* Vibrant Crimson Red */
  --color-primary-dark: #C1121F;     /* Deep Red */
  --color-primary-deep: #8A000D;     /* Dark Crimson */
  --color-primary-light: #FEECEE;    /* Soft Rose Wash */
  --color-navy: #1D3557;             /* Brand Deep Navy */
  --color-navy-dark: #0F1E33;        /* Dark Slate Navy */
  --color-secondary: #1D3557;        /* Secondary Navy */
  --color-secondary-hover: #0F1E33;
  --color-accent: #E63946;
  
  /* Neutral & Surface Tones */
  --color-background: #F8F9FA;      /* Crisp Off-White */
  --color-surface: #FFFFFF;         /* Pure White Surface */
  --color-surface-subtle: #F1F5F9;  /* Cool Slate 100 */
  --color-text: #1E293B;            /* Slate 800 */
  --color-text-muted: #64748B;      /* Slate 500 */
  --color-border: #E2E8F0;          /* Slate 200 */
  --color-border-subtle: #F1F5F9;

  /* Semantic UI State Colors */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #E63946;
  --color-sale: #E63946;

  /* Elevation Shadows */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.1);
  --shadow-hover: 0 16px 36px rgba(230, 57, 70, 0.16);

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Container */
  --container-max: 1280px;
  --container-narrow: 1040px;
  --container-padding: 24px;
}

/* ==========================================================================
   GLOBAL TYPOGRAPHY ENFORCEMENT (OUTFIT & PLUS JAKARTA SANS)
   ========================================================================== */
body, 
body.antialiased, 
p, 
span, 
a, 
li, 
input, 
button, 
select, 
textarea {
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, 
.font-outfit,
.lk-brand-name,
.entry-title,
.page-title {
  font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Ensure Front Page stretches cleanly */
.ast-container {
  max-width: 100% !important;
  padding: 0 !important;
}

.site-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);

  /* Container */
  --container-max: 1280px;
  --container-narrow: 1040px;
  --container-padding: 24px;
}

@media (max-width: 768px) {
  :root {
    --container-padding: 16px;
  }
}