/**
 * Design tokens — single source for landing UI.
 * Overridden from base template via branding (core.branding).
 * AltoValleIT: dark theme, green primary, Space Grotesk + Outfit.
 */

:root {
    /* Typography — Outfit (body), Space Grotesk (titulares, botones) */
    --font-primary: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-secondary: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Dark theme — fondo #181818, verde #27ae60 */
    --color-primary: #27ae60;
    --color-primary-hover: #219653;
    --color-secondary: #555555;
    --color-secondary-hover: #444444;
    --text-primary: #f0f0f0;
    --text-secondary: #a0a0a0;
    --background: #181818;
    --surface: #252525;
    --success-color: #27ae60;
    --error-color: #e74c3c;

    /* Spacing */
    --spacing-base: 0.5rem;
    --spacing-xs: calc(var(--spacing-base) * 1);
    --spacing-sm: calc(var(--spacing-base) * 2);
    --spacing-md: calc(var(--spacing-base) * 4);
    --spacing-lg: calc(var(--spacing-base) * 6);
    --spacing-xl: calc(var(--spacing-base) * 8);
    --spacing-2xl: calc(var(--spacing-base) * 10);

    /* Borders & shadows */
    --border-radius-base: 10px;
    --shadow-base: 0 2px 12px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);

    /* Container */
    --container-max-width: 1200px;
}