/*
 * Skin · skin-corporative-2
 * Paleta institucional premium: navy + grafito + oro + bone.
 * Aplicada a Porto vía variables CSS estándar y custom-bg/text helpers.
 */

:root {
    /* Bootstrap/Porto variables (override globales) */
    --primary:           #0F2540;
    --primary-rgb:       15, 37, 64;
    --secondary:         #C9A14B;
    --secondary-rgb:     201, 161, 75;
    --tertiary:          #F7F5F0;
    --tertiary-rgb:      247, 245, 240;
    --quaternary:        #2A3441;
    --quaternary-rgb:    42, 52, 65;
    --dark:              #1A1F2E;
    --dark-rgb:          26, 31, 46;
    --light:             #FFFFFF;
    --light-rgb:         255, 255, 255;

    /* Corp vocabulario propio (lo consumen .corp-* y selectores scopeados) */
    --corp-navy:         #0F2540;
    --corp-navy-soft:    rgba(15, 37, 64, 0.92);
    --corp-graphite:     #2A3441;
    --corp-bone:         #F7F5F0;
    --corp-paper:        #FFFFFF;
    --corp-gold:         #C9A14B;
    --corp-gold-soft:    #E7D8B5;
    --corp-stone:        #E5E0D4;
    --corp-ink:          #1A1F2E;
    --corp-muted:        #6B7280;
    --corp-rule:         rgba(15, 37, 64, 0.12);
    --corp-rule-light:   rgba(255, 255, 255, 0.16);

    /* Fonts */
    --font-family-primary:   'Playfair Display', Georgia, serif;
    --font-family-secondary: 'Inter', system-ui, -apple-system, sans-serif;
    --font-family-tertiary:  'JetBrains Mono', ui-monospace, 'SF Mono', monospace;
    --font-primary:          var(--font-family-primary);
    --font-secondary:        var(--font-family-secondary);

    --bs-font-sans-serif:    'Inter', system-ui, -apple-system, sans-serif;
    --bs-body-font-family:   'Inter', system-ui, -apple-system, sans-serif;
    --bs-body-color:         #2A3441;
    --bs-body-bg:            #FFFFFF;
    --bs-link-color:         #0F2540;
    --bs-link-hover-color:   #C9A14B;
}

/* === Helpers custom-color-* sobreescritos para mantener convención Porto === */
.custom-bg-color-1 { background-color: var(--corp-bone) !important; }
.custom-bg-color-2 { background-color: var(--corp-navy) !important; }
.custom-bg-color-3 { background-color: var(--corp-graphite) !important; }
.custom-bg-color-4 { background-color: var(--corp-stone) !important; }

.custom-text-color-1 { color: var(--corp-ink) !important; }
.custom-text-color-2 { color: var(--corp-gold) !important; }
.custom-text-color-3 { color: var(--corp-muted) !important; }

/* Buttons override — Porto btn-primary navy con borde dorado en hover */
.btn-primary {
    background-color: var(--corp-navy);
    border-color: var(--corp-navy);
    color: var(--corp-paper);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--corp-graphite);
    border-color: var(--corp-gold);
    color: var(--corp-paper);
}
.btn-secondary {
    background-color: var(--corp-gold);
    border-color: var(--corp-gold);
    color: var(--corp-navy);
}
.btn-secondary:hover {
    background-color: var(--corp-gold-soft);
    border-color: var(--corp-gold-soft);
    color: var(--corp-navy);
}
.btn-outline-primary {
    color: var(--corp-navy);
    border-color: var(--corp-navy);
}
.btn-outline-primary:hover {
    background-color: var(--corp-navy);
    border-color: var(--corp-navy);
    color: var(--corp-paper);
}

/* Headings global usan Playfair Display sobre páginas del demo */
h1, h2, h3, h4, h5, h6,
.font-primary, .heading-primary {
    font-family: var(--font-family-primary);
    font-weight: 600;
    color: var(--corp-ink);
    letter-spacing: -0.01em;
}

/* Body Inter por default */
body {
    font-family: var(--font-family-secondary);
    color: var(--corp-graphite);
    background: var(--corp-paper);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}