/*
Theme Name:  Manos Arribas
Version:     1.0.0
Description: Custom WordPress theme — Frontier Forged. Built for WooCommerce.
Author:      Manos Arribas
Text Domain: manos-arribas
*/

/* =====================================================================
   SELF-HOSTED FONTS
   ===================================================================== */

/* Bebas Neue — display / headers */
@font-face {
  font-family: 'Bebas Neue';
  src: url('assets/fonts/BebasNeue-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Cinzel Decorative — logo / accent elements */
@font-face {
  font-family: 'Cinzel Decorative';
  src: url('assets/fonts/CinzelDecorative-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cinzel Decorative';
  src: url('assets/fonts/CinzelDecorative-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cinzel Decorative';
  src: url('assets/fonts/CinzelDecorative-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Montserrat — body / UI (variable font, covers weights 100–900) */
@font-face {
  font-family: 'Montserrat';
  src: url('assets/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('assets/fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* =====================================================================
   CSS CUSTOM PROPERTIES — Brand Tokens
   ===================================================================== */
:root {
  /* Palette */
  --ma-black:        #050505;
  --ma-charcoal:     #121212;
  --ma-gunmetal:     #1D1D1D;
  --ma-bronze:       #8B6B3F;
  --ma-dust-tan:     #C7A97B;
  --ma-worn-ivory:   #E7E1D7;
  --ma-oxide-red:    #7A1F1A;
  --ma-burnt-copper: #9B5E32;

  /* Typography */
  --ma-font-display:    'Bebas Neue', sans-serif;
  --ma-font-decorative: 'Cinzel Decorative', serif;
  --ma-font-body:       'Montserrat', sans-serif;

  /* Transitions */
  --ma-ease-slow: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ma-ease-med:  0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ma-ease-fast: 0.18s ease;

  /* Spacing */
  --ma-gutter:    clamp(1.25rem, 4vw, 3rem);
  --ma-section-v: clamp(3rem, 7vw, 6rem);

  /* Z layers */
  --z-grain:   900;
  --z-overlay: 800;
  --z-nav:     700;
  --z-modal:   600;
}