/* ============================================================
   LDP brand theme — applied on top of Bootstrap 4 / Pytition
   ============================================================ */

@font-face {
    font-family: "Anton";
    src: url("https://defensadelpueblo.org/fonts/anton-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter Tight";
    src: url("https://defensadelpueblo.org/fonts/inter-tight-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --ldp-accent:       #ce1126;
    --ldp-accent-dark:  #a50e1e;
    --ldp-ink:          #111111;
    --ldp-muted:        #6b6b6b;
    --font-display: "Anton", "Arial Narrow", Impact, sans-serif;
    --font-body:    "Inter Tight", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* --- Typography --- */

body {
    font-family: var(--font-body);
    color: var(--ldp-ink);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-display);
    letter-spacing: 0.02em;
}

/* --- Bootstrap primary → LDP red --- */

.btn-primary {
    background-color: var(--ldp-accent);
    border-color:     var(--ldp-accent);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--ldp-accent-dark);
    border-color:     var(--ldp-accent-dark);
}

.btn-outline-primary {
    color:        var(--ldp-accent);
    border-color: var(--ldp-accent);
}
.btn-outline-primary:hover {
    background-color: var(--ldp-accent);
    border-color:     var(--ldp-accent);
}

.text-primary { color: var(--ldp-accent) !important; }
.bg-primary   { background-color: var(--ldp-accent) !important; }
.border-primary { border-color: var(--ldp-accent) !important; }
.badge-primary  { background-color: var(--ldp-accent); }

a             { color: var(--ldp-accent); }
a:hover       { color: var(--ldp-accent-dark); }

/* --- Navbar --- */

.navbar {
    background-color: var(--ldp-ink) !important;
}
.navbar-dark .navbar-brand {
    font-family: var(--font-display);
    font-size: 1.25rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--ldp-accent);
}

/* --- Forms --- */

.form-control:focus {
    border-color: var(--ldp-accent);
    box-shadow: 0 0 0 0.2rem rgba(206, 17, 38, 0.2);
}

/* --- Progress bar (signature count) --- */

.progress-bar {
    background-color: var(--ldp-accent);
}

/* --- Petition detail page --- */

.petition-title {
    font-family: var(--font-display);
    letter-spacing: 0.02em;
}