/*
    Theme Name: MPM Perícia Médica
    Theme URI: https://mpmpericia.com.br/
    Author: Desenvolvimento Web
    Author URI: https://mpmpericia.com.br/
    Description: Tema institucional MPM Perícia Médica — identidade âmbar sobre escuro.
    Version: 2025.1
    License: MPM Perícia Médica
    License URI: https://mpmpericia.com.br/
    Text Domain: mpm-tema
*/

/* ============================================================
   VARIÁVEIS GLOBAIS — MPM Perícia Médica Design System
   ============================================================ */
:root {
    /* ── Paleta de fundos ────────────────────────────────────── */
    --color-neutral-100: #ffffff;
    --color-neutral-200: #f7f1e3;   /* bone — off-white de página */
    --color-neutral-300: #f1e6d2;   /* sand */
    --color-neutral-400: #a89a83;   /* text light-muted */
    --color-neutral-500: #6b5e4f;   /* text muted */
    --color-neutral-600: #2c2520;   /* ink-3 */
    --color-neutral-700: #221c18;   /* ink-2 — superfície elevada */
    --color-neutral-800: #e8dcc4;   /* sand-2 */
    --color-neutral-900: #1a1613;   /* ink — fundo escuro principal */

    /* ── Acento dourado MPM ──────────────────────────────────── */
    --color-primary:       #b8945f;
    --color-primary-rgb:   184, 148, 95;
    --color-primary-hover: rgba(184, 148, 95, 0.12);
    --color-secondary:     #8e6f44;   /* gold-deep — texto / pressionado */
    --color-secondary-rgb: 142, 111, 68;
    --color-tertiary:      #c9a474;   /* gold-soft — hover */
    --color-tertiary-rgb:  201, 164, 116;

    /* ── Cores base ──────────────────────────────────────────── */
    --color-black:     #000;
    --color-white-rgb: 255, 255, 255;
    --color-black-rgb: 0, 0, 0;

    /* ── Overlays ────────────────────────────────────────────── */
    --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);

    /* ── Cards ───────────────────────────────────────────────── */
    --card-bg:     rgba(184, 148, 95, 0.08);
    --card-border: rgba(184, 148, 95, 0.22);

    /* ── Header ──────────────────────────────────────────────── */
    --header-bar-bg:      var(--color-neutral-900);
    --header-bar-border:  rgba(var(--color-primary-rgb), 0.22);
    --header-nav-fg:      rgba(233, 221, 198, 0.92);
    --header-scrolled-bg: #221c18;

    /* ── Tipografia ──────────────────────────────────────────── */
    --font-family-01:    "Manrope", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-family-serif: "Cormorant Garamond", "Cormorant", Georgia, serif;

    /* ── Espaçamento de seção ────────────────────────────────── */
    --section-py:    5rem;
    --section-py-sm: 3rem;

    /* ── Animações de botão ──────────────────────────────────── */
    --btn-cta-duration: 0.45s;
    --btn-cta-ease:     cubic-bezier(0.4, 0, 0.2, 1);

    /* ── Tokens MPM canônicos ────────────────────────────────── */
    --mpm-ink:              #1a1613;
    --mpm-ink-2:            #221c18;
    --mpm-ink-3:            #2c2520;
    --mpm-sand:             #f1e6d2;
    --mpm-sand-2:           #e8dcc4;
    --mpm-sand-3:           #d9c9aa;
    --mpm-gold:             #b8945f;
    --mpm-gold-soft:        #c9a474;
    --mpm-gold-deep:        #8e6f44;
    --mpm-bone:             #f7f1e3;
    --mpm-text-dark:        #1a1613;
    --mpm-text-muted:       #6b5e4f;
    --mpm-text-light:       #e9ddc6;
    --mpm-text-light-muted: #a89a83;
    --mpm-font-serif:       var(--font-family-serif);
    --mpm-font-sans:        var(--font-family-01);
    --mpm-size-display:     clamp(2.5rem, 4.2vw, 4rem);
    --mpm-size-h1:          clamp(2rem, 3.2vw, 3rem);
    --mpm-size-h2:          2rem;
    --mpm-radius-sm:        2px;
    --mpm-radius-md:        4px;
    --mpm-radius-lg:        8px;
    --mpm-border-hair:      1px solid var(--mpm-gold);
    --mpm-border-hair-soft: 1px solid rgba(184, 148, 95, 0.35);
    --mpm-border-on-dark:   1px solid rgba(233, 221, 198, 0.18);

    /* ── Overrides Bootstrap ─────────────────────────────────── */
    --bs-body-font-family: var(--font-family-01);
    --bs-primary:          var(--mpm-gold);
    --bs-primary-rgb:      184, 148, 95;
}