/*
Theme Name: NOMA
Theme URI: https://noma.com
Author: NOMA Brand
Author URI: https://noma.com
Description: NOMA - Elevate Your Style. A premium dark aesthetic fashion e-commerce WordPress theme based on Canva Design.
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: noma
*/

/* Google Fonts Import — Must precede all other style rules */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/* =============================================
   CANVA EXACT PALETTE & VARIABLES
   ============================================= */
:root {
  /* Sampled directly from Canva Editor */
  --noma-bg:           #0a1514;  /* Deep dark teal/forest canvas */
  --noma-header-bg:    #07100f;  /* Deep dark header */
  --noma-hero-bg:      #091715;  /* Hero section dark */
  --noma-gold:         #C4A47C;  /* Warm golden sand accent from Canva */
  --noma-gold-btn:     #C4A47C;  /* Underline link color */
  --noma-white:        #DFD7C7;  /* Warm ivory/cream headers */
  --noma-text:         #DFD7C7;  /* Primary typography */
  --noma-text-muted:   #9A9488;  /* Captions & small notes */
  --noma-font-heading: 'Montserrat', sans-serif;
  --noma-font-serif:   'Playfair Display', Georgia, serif;
  --noma-font-body:    'Montserrat', sans-serif;
}

/* Reset & Base */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  background-color: var(--noma-bg);
  overflow-x: hidden;
}

body {
  background-color: var(--noma-bg);
  color: var(--noma-text);
  font-family: var(--noma-font-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}