/* Red One — дизайн-токены (единственный источник правды для web).
   Палитра из фирменного макета (main.css старого приложения). */
@font-face { font-family: 'Bebas Neue'; src: url('fonts/BEBASNEUE-REGULAR.OTF'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Bebas Neue'; src: url('fonts/BEBASNEUE-BOLD.OTF'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Bebas Neue'; src: url('fonts/BEBASNEUE-LIGHT.TTF'); font-weight: 300; font-display: swap; }

:root {
    --ro-red: #e60e0e;
    --ro-red-dark: #b80b0b;
    --ro-red-soft: #fdecec;
    --ro-text: #4D4D4D;
    --ro-text-strong: #1c1c1c;
    --ro-muted: #9a9a9a;
    --ro-bg: #ffffff;
    --ro-surface: #f7f7f7;
    --ro-border: #e6e6e6;
    --ro-success: #1f9d55;
    --ro-warning: #d97706;
    --ro-danger: #dc2626;
    --ro-radius: 12px;
    --ro-shadow: 0 2px 12px rgba(28, 28, 28, .07);
    --ro-font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
}

body { color: var(--ro-text); background: var(--ro-bg); }
h1, h2, h3, .ro-display { font-family: var(--ro-font-display); letter-spacing: .02em; color: var(--ro-text-strong); }
.ro-accent { color: var(--ro-red); }

/* Bootstrap-переопределения */
.btn-primary { --bs-btn-bg: var(--ro-red); --bs-btn-border-color: var(--ro-red); --bs-btn-hover-bg: var(--ro-red-dark); --bs-btn-hover-border-color: var(--ro-red-dark); --bs-btn-active-bg: var(--ro-red-dark); }
.text-primary { color: var(--ro-red) !important; }
.card { border-radius: var(--ro-radius); border-color: var(--ro-border); box-shadow: var(--ro-shadow); }
.nav-pills .nav-link.active { background: var(--ro-red); }
a { color: var(--ro-red); }