/* Marca Benia: negro OLED + menta (mismos valores que styles.css, que usan las demás páginas) */
:root {
    --bg: #030303;
    --bg-2: #09090B;
    --bg-3: #111113;
    --fg: #FFFFFF;
    --fg-2: #C5C5C9;
    --muted-fg: #8E8E95;
    --faint: #5A5A61;

    --primary: #14F195;
    --primary-2: #0DF273;
    --primary-3: #05C96B;
    --primary-rgb: 20, 241, 149;
    --on-primary: #030303;

    --surface: rgba(255, 255, 255, .03);
    --surface-2: rgba(255, 255, 255, .06);
    --border: rgba(255, 255, 255, .08);
    --border-strong: rgba(255, 255, 255, .14);
    --border-accent: rgba(var(--primary-rgb), .28);
    --card: #0A0A0C;
    --danger: #F87171;

    --gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-3));
    --gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .012));

    --shadow-card: 0 4px 24px rgba(0, 0, 0, .45);
    --shadow-button: 0 4px 20px rgba(var(--primary-rgb), .25);
    --shadow-glow: 0 0 60px rgba(var(--primary-rgb), .15);

    --r-sm: 8px;
    --r: 12px;
    --r-lg: 16px;
    --r-xl: 24px;
    --r-pill: 9999px;

    /* Las demás páginas (styles.css) usan "Plus Jakarta Sans". */
    --font-display: "Space Grotesk", sans-serif;
    --font-body: "Inter", sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, monospace;

    --container: 1280px;
    --header-h: 80px;
    --ease: cubic-bezier(.16, 1, .3, 1);
}