/* ============================================================
   STELION — base compartida (Bootstrap overrides)
   Paleta blanco / negro / verde #7cd11a — igual que la app,
   la landing y stelion.com.uy.
   ============================================================ */
:root {
    --s-bg: #f0f5fa;
    --s-ink: #111111;
    --s-text: #1e293b;
    --s-dim: #6f6a6a;
    --s-border: #d1d5db;
    --s-accent: #7cd11a;
    --s-accent-soft: rgba(124, 209, 26, 0.12);
    --s-accent-dark: #1a2e05;   /* texto sobre el verde */
    --s-accent-ink: #3d7a08;    /* verde legible sobre blanco */
}

body {
    background-color: var(--s-bg);
    color: var(--s-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.text-primary { color: var(--s-ink) !important; }

.bg-primary { background-color: var(--s-ink) !important; }

.btn-primary {
    background-color: var(--s-accent);
    border-color: var(--s-accent);
    color: var(--s-accent-dark);
    font-weight: 600;
}

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

a { color: var(--s-accent-ink); }
a:hover { color: var(--s-ink); }