/*
    Theme Name: Blog Relojoaria JJ
    Theme URI: https://atomdigital.com.br/
    Author: Higor Paulo | Atom Digital
    Author URI: https://atomdigital.com.br/
    Description: Tema blog para Relojoaria JJ.
    Version: 1.0.0
    License: Atom Digital
    License URI: https://atomdigital.com.br/
    Text Domain: hx-theme
*/

/* ============================================================
   VARIÁVEIS GLOBAIS — alterar aqui reflete em todos os módulos
   ============================================================ */
:root {
    /* Escala de neutros — light theme */
    --color-neutral-100: #f8f8f8;
    --color-neutral-200: #efefef;
    --color-neutral-300: #e4e4e4;
    --color-neutral-400: #aaaaaa;
    --color-neutral-500: #888888;
    --color-neutral-600: #666666;
    --color-neutral-700: #444444;
    --color-neutral-800: #222222;
    --color-neutral-900: #111111;

    /* Cor de destaque */
    --color-primary: #01313c;
    --color-primary-rgb: 1, 49, 60;
    --color-primary-hover: rgba(1, 49, 60, 0.1);

    /* Preto puro e canais RGB (para rgba()) */
    --color-black: #0c0c0c;
    --color-white-rgb: 255, 255, 255;
    --color-black-rgb: 12, 12, 12;

    /* Overlay */
    --overlay-sm: rgba(0, 0, 0, 0.3);
    --overlay-lg: rgba(0, 0, 0, 0.6);
    --overlay-70: rgba(0, 0, 0, 0.7);
    --overlay-90: rgba(0, 0, 0, 0.9);

    /* Card */
    --card-bg: rgba(0, 0, 0, 0.03);
    --card-border: rgba(1, 49, 60, 0.2);

    /* Header scrolled */
    --header-scrolled-bg: rgba(248, 248, 248, 0.96);

    /* Fonte principal */
    --font-family-01: "Montserrat", sans-serif;

    /* Section spacing */
    --section-py: 5rem;
    --section-py-sm: 3rem;

    /* CTA buttons — hover wipe */
    --btn-cta-duration: 0.45s;
    --btn-cta-ease: cubic-bezier(0.4, 0, 0.2, 1);
}