/* Identitatea vizuală ROTOCON — roșu #ED1C24, gri #666666, fundal alb,
   titluri sans-serif bold (Archivo), în linia logo-ului RWO. */

:root {
  --roto-red: #ED1C24;
  --roto-red-dark: #c8151c;
  --roto-grey: #666666;
  --roto-paper: #f2f1ed;
}

body {
  font-family: "Archivo", "Helvetica Neue", Arial, sans-serif;
  color: #1c1c1c;
  background: #ffffff;
}

h1, h2, h3, h4, .roto-title, .roto-h2 {
  font-weight: 800;
  letter-spacing: -0.01em;
}

.roto-title {
  font-size: clamp(2rem, 6vw, 3.4rem);
  line-height: 1.05;
  text-transform: uppercase;
}

.roto-h2 { font-size: 1.5rem; text-transform: uppercase; }
.roto-lead { max-width: 40rem; }

.text-roto-red { color: var(--roto-red); }
.text-roto-grey { color: var(--roto-grey); }

.roto-eyebrow {
  color: var(--roto-grey);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 600;
  font-size: 0.85rem;
}

/* Header / footer */
.roto-header {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1020;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.roto-header-bar { height: 4px; background: var(--roto-red); }
.roto-logo-mark { height: 40px; width: auto; }
.roto-logo-word { height: 20px; width: auto; }
.roto-logo-sm.roto-logo-mark { height: 28px; }
.roto-logo-sm.roto-logo-word { height: 14px; }
.roto-footer { background: var(--roto-paper); border-top: 4px solid var(--roto-red); }
.roto-link { color: var(--roto-grey); }
.roto-link:hover { color: var(--roto-red); }

/* Butoane */
.btn-roto {
  background: var(--roto-red);
  border: 2px solid var(--roto-red);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.btn-roto:hover, .btn-roto:focus {
  background: var(--roto-red-dark);
  border-color: var(--roto-red-dark);
  color: #fff;
}
.btn-roto-outline {
  background: transparent;
  border: 2px solid var(--roto-red);
  color: var(--roto-red);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.btn-roto-outline:hover, .btn-roto-outline:focus {
  background: var(--roto-red);
  color: #fff;
}

/* Secțiuni */
.roto-hero {
  background: linear-gradient(180deg, #ffffff 0%, var(--roto-paper) 100%);
  border-bottom: 1px solid #e9e7e2;
}
.roto-card { border: 1px solid #e8e8e8; border-radius: 0.5rem; }
.roto-fact {
  border-left: 4px solid var(--roto-red);
  background: #fafafa;
  border-radius: 0 0.375rem 0.375rem 0;
}
.roto-fact-label {
  color: var(--roto-grey);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}
.roto-list { padding-left: 1.1rem; }
.roto-list li { margin-bottom: 0.5rem; color: var(--roto-grey); }
.roto-list li::marker { color: var(--roto-red); }

/* Formulare */
.form-control:focus, .form-select:focus {
  border-color: var(--roto-red);
  box-shadow: 0 0 0 0.2rem rgba(237, 28, 36, 0.15);
}
.form-check-input:checked { background-color: var(--roto-red); border-color: var(--roto-red); }
a { color: var(--roto-red); }

/* Pagina de confirmare */
.roto-check {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 50%;
  background: var(--roto-red);
  color: #fff;
  font-size: 2rem;
  line-height: 64px;
  font-weight: 700;
}
.roto-summary { max-width: 22rem; }
.roto-summary li { margin-bottom: 0.35rem; }