/*global.css*/
/* FUENTES Y VARIABLES */
/* @font-face { ... } */

:root {
    --font-heading: 'Quasimoda', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-body: 'Quasimoda', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-condensed: 'Univers', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --border-radius: 4px;
    --transition: all 0.3s ease-in-out;
    --color-green-368c: #76BD23;
    --color-gray-7c: #97999B;
    --color-black-pantone: #000000;
    --color-white: #FFFFFF;
}

:root[data-theme="light"] {
    --color-primary: var(--color-green-368c);
    --color-highlight: var(--color-green-368c);
    --color-background: var(--color-white);
    --color-surface: var(--color-white);
    --color-text-primary: var(--color-black-pantone);
    --color-text-secondary: #555555;
    --color-border: #e0e0e0;
    --shadow: 0 4px 12px rgba(0,0,0,0.05);
}

:root[data-theme="dark"] {
    --color-primary: var(--color-green-368c);
    --color-highlight: var(--color-green-368c);
    --color-background: #1a1a1a;
    --color-surface: #222222;
    --color-text-primary: var(--color-white);
    --color-text-secondary: var(--color-gray-7c);
    --color-border: #444444;
    --shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Reseteo y Estilos Base  */
body {
    font-family: var(--font-body);
    font-weight: 300;
    margin: 0;
    padding: 20px;
    background-color: var(--color-background);
    color: var(--color-text-primary);
    transition: var(--transition);
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

/* Animación de Pulso (Global)  */
@keyframes pulse-glow {
    0% { box-shadow: 0 0 5px rgba(118, 189, 35, 0.2); }
    50% { box-shadow: 0 0 20px 10px rgba(118, 189, 35, 0.6); }
    100% { box-shadow: 0 0 5px rgba(118, 189, 35, 0.2); }
}