/* Identidad oficial NegocioGo. Cargado al final para unificar vistas heredadas. */
:root {
    --font-body: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
    --font-heading: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
    --color-spring-green: #02a504;
    --color-deep-onyx: #111111;
    --brand-green: #02a504;
    --brand-green-hover: #079b15;
    --brand-green-bright: #02a504;
    --brand-green-soft: #effcef;
    --brand-green-muted: #f7fff7;
    --brand-navy: #111111;
    --brand-navy-soft: #081a0e;
    --brand-slate: #24352a;
    --brand-slate-muted: #63728a;
    --bg-dark: #111111;
    --bg-dark-soft: #081a0e;
    --bg-elevated: #0a2e14;
    --bg-page: #f7f9fc;
    --text-primary: #111111;
    --text-secondary: #24352a;
    --text-muted: #63728a;
    --accent: #02a504;
    --accent-hover: #079b15;
    --accent-soft: rgba(11, 184, 25, 0.10);
    --accent-strong: rgba(11, 184, 25, 0.22);
    --border-green: rgba(11, 184, 25, 0.28);
    --success: #0a9f17;
    --shadow-green-glow: 0 18px 50px rgba(11, 184, 25, 0.16);
    --focus-ring: 0 0 0 3px rgba(11, 184, 25, 0.22);
    --color-primary: #02a504;
    --color-primary-hover: #079b15;
    --color-ink: #111111;
    --ng-green: #02a504;
    --ng-green-dark: #02a504;
    --ng-text: #111111;
    --sfv-font-heading: var(--font-heading);
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--font-body);
}

h1,
h2,
h3,
.display-title,
.landing-hero h1,
.auth-title,
.creator-page-title {
    font-family: var(--font-heading);
}

button,
[class*="btn"],
[class*="button"] {
    font-family: var(--font-body);
}

::selection {
    color: #fff;
    background: #111111;
}

:focus-visible {
    outline-color: #02a504;
}

/* Acciones primarias compartidas: una sola identidad en todo el producto. */
.app-btn--primary,
.dash-btn--primary,
.creator-btn-primary,
.catalog-btn--primary,
.seller-ops-btn--primary,
.organization-button--primary,
.fiscal-btn--primary,
.auth-submit,
.auth-primary-button {
    border-color: #02a504;
    background: #02a504;
    color: #fff;
}

.app-btn--primary:hover,
.dash-btn--primary:hover,
.creator-btn-primary:hover,
.catalog-btn--primary:hover,
.seller-ops-btn--primary:hover,
.organization-button--primary:hover,
.fiscal-btn--primary:hover,
.auth-submit:hover,
.auth-primary-button:hover {
    border-color: #079b15;
    background: #079b15;
    color: #fff;
}

input[type="checkbox"],
input[type="radio"],
progress {
    accent-color: #02a504;
}