/*
 * Theme Name:  Noblesse Child
 * Theme URI:   https://noblesse-equestrian.com
 * Description: Tema filho do Hello Elementor para o website Noblesse Equestrian
 * Author:      Noblesse Equestrian
 * Author URI:  https://noblesse-equestrian.com
 * Template:    hello-elementor
 * Version:     1.0.0
 * License:     GPL-2.0-or-later
 * Text Domain: noblesse-child
*/

/* =============================================================================
   VARIÁVEIS GLOBAIS — Tokens de marca Noblesse Equestrian
   ============================================================================= */

:root {

  /* --- Paleta de cores --- */
  --color-gold:        #EBA337; /* Dourado Noblesse — destaque principal, CTAs, elementos de marca */
  --color-grey:        #A6A6A6; /* Cinzento Noblesse — elementos secundários, separadores, texto de apoio */
  --color-white:       #FFFFFF; /* Branco — fundo principal, texto sobre fundo escuro */
  --color-black-soft:  #1A1A1A; /* Preto suave — texto principal */
  --color-bg-cream:    #FAF8F5; /* Fundo creme — alternativa ao branco em secções claras */
  --color-bg-dark:     #1C1C1C; /* Fundo escuro — secções escuras, rodapé */

  /* --- Variantes do logo --- */
  --logo-color-primary:    #EBA337; /* Dourado — fundos claros, uso principal */
  --logo-color-secondary:  #A6A6A6; /* Cinzento — contextos neutros ou secundários */
  --logo-color-dark:       #1A1A1A; /* Preto — fundos muito claros ou documentos */

  /* --- Tipografia — famílias --- */
  --font-heading: 'Cormorant Garamond', Georgia, serif;       /* Títulos — serifada clássica e elegante */
  --font-body:    'Lato', Arial, sans-serif;                  /* Corpo — sans-serif legível e neutra */

  /* --- Tipografia — tamanhos base --- */
  --font-size-xs:   0.75rem;   /*  12px */
  --font-size-sm:   0.875rem;  /*  14px */
  --font-size-base: 1rem;      /*  16px */
  --font-size-md:   1.125rem;  /*  18px */
  --font-size-lg:   1.375rem;  /*  22px */
  --font-size-xl:   1.75rem;   /*  28px */
  --font-size-2xl:  2.25rem;   /*  36px */
  --font-size-3xl:  3rem;      /*  48px */
  --font-size-4xl:  3.75rem;   /*  60px */

  /* --- Tipografia — pesos --- */
  --font-weight-light:   300;
  --font-weight-regular: 400;
  --font-weight-medium:  500;
  --font-weight-bold:    700;

  /* --- Tipografia — espaçamento de letras (etiquetas / destaques) --- */
  --letter-spacing-label: 0.15em; /* Lato em maiúsculas espaçadas — alinha com "EQUESTRIAN" no logo */
  --letter-spacing-wide:  0.08em;

  /* --- Espaçamentos --- */
  --space-xs:   0.5rem;    /*   8px */
  --space-sm:   1rem;      /*  16px */
  --space-md:   1.5rem;    /*  24px */
  --space-lg:   2.5rem;    /*  40px */
  --space-xl:   4rem;      /*  64px */
  --space-2xl:  6rem;      /*  96px */
  --space-3xl:  8rem;      /* 128px */

  /* --- Raios de borda --- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:  16px;
  --radius-pill: 999px;

  /* --- Transições --- */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* --- Sombras --- */
  --shadow-sm:  0 1px 3px rgba(26, 26, 26, 0.08);
  --shadow-md:  0 4px 12px rgba(26, 26, 26, 0.10);
  --shadow-lg:  0 8px 24px rgba(26, 26, 26, 0.12);

  /* --- Larguras máximas --- */
  --max-width-content: 780px;
  --max-width-site:   1280px;
}