/*
Theme Name: Astra Child - NFIL3D
Theme URI: https://nfil3d.com/
Template: astra
Author: NFIL3D Engineering
Author URI: https://nfil3d.com/
Description: Premium dark-mode e-commerce theme for NFIL3D 3D printing solutions.
Version: 2.0.0
Text Domain: astra-child
*/

:root,
:root[data-theme="light"],
body.nfil3d-light-mode {
  /* Core Light Palette (Default) */
  --nfil-bg-main: #FFFFFF;
  --nfil-bg-sec: #F8FAFC;
  --nfil-bg-card: #FFFFFF;
  --nfil-bg-elevated: #F1F5F9;
  --nfil-bg-input: #F8FAFC;
  
  /* Text & Accents */
  --nfil-text-pri: #0F172A;
  --nfil-text-sec: #475569;
  --nfil-text-muted: #64748B;
  --nfil-border: #E2E8F0;
  --nfil-border-light: #CBD5E1;
  --nfil-card-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.03);
  --nfil-header-bg: rgba(255, 255, 255, 0.95);
  
  /* Brand Identity */
  --nfil-brand-yellow: #FFB703;
  --nfil-brand-orange: #FB8500;
  --nfil-gradient: linear-gradient(135deg, #FFB703 0%, #FB8500 100%);
  --nfil-gradient-hover: linear-gradient(135deg, #FFC400 0%, #FF6500 100%);
  --nfil-gradient-subtle: linear-gradient(180deg, rgba(255, 183, 3, 0.08) 0%, rgba(251, 133, 0, 0) 100%);
  
  /* Status Colors */
  --nfil-success: #10B981;
  --nfil-error: #EF4444;
  --nfil-warning: #F59E0B;
  
  /* Spacing & Radii */
  --nfil-max-w: 1320px;
  --nfil-radius-card: 18px;
  --nfil-radius-btn: 11px;
  --nfil-radius-input: 10px;
  --nfil-radius-pill: 9999px;
  
  /* Typography Scale */
  --nfil-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --nfil-h-hero: clamp(38px, 4.5vw, 56px);
  --nfil-h-section: clamp(26px, 3vw, 34px);
  --nfil-h-card: clamp(18px, 2vw, 22px);
  --nfil-text-title: 15px;
  --nfil-text-price: 20px;
  --nfil-text-body: 15px;
  --nfil-text-small: 13px;
  
  /* Section Spacing */
  --nfil-sec-space: 80px;
}

:root[data-theme="dark"],
body.nfil3d-dark-mode {
  /* Core Dark Palette */
  --nfil-bg-main: #090909;
  --nfil-bg-sec: #101010;
  --nfil-bg-card: #171717;
  --nfil-bg-elevated: #202020;
  --nfil-bg-input: #141414;
  
  /* Text & Accents */
  --nfil-text-pri: #FAFAFA;
  --nfil-text-sec: #A1A1AA;
  --nfil-text-muted: #71717A;
  --nfil-border: #292929;
  --nfil-border-light: #383838;
  --nfil-card-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  --nfil-header-bg: rgba(9, 9, 9, 0.95);
  
  /* Brand Identity */
  --nfil-brand-yellow: #FFC400;
  --nfil-brand-orange: #FF6500;
  --nfil-gradient: linear-gradient(135deg, #FFC400 0%, #FF6500 100%);
  --nfil-gradient-hover: linear-gradient(135deg, #FFD033 0%, #FF781A 100%);
  --nfil-gradient-subtle: linear-gradient(180deg, rgba(255,196,0,0.06) 0%, rgba(255,101,0,0) 100%);
}


/* 125% Desktop Scale (Matches requested 125% zoom presentation on default 100% viewport) */
@media screen and (min-width: 1200px) {
  body {
    zoom: 1.25;
  }
}

@media (max-width: 768px) {
  :root {
    --nfil-sec-space: 44px;
    --nfil-radius-card: 16px;
    --nfil-radius-btn: 10px;
  }
}