/* =========================================================
   García Recta Design — variables.css
   Todas las variables de diseño del sistema premium.
   ========================================================= */
:root {
    /* Color */
    --black:      #0a0a0a;
    --carbon:     #141414;
    --charcoal:   #1c1c1c;
    --white:      #f5f5f3;
    --offwhite:   #e7e5e1;
    --red:        #9A0C1A;
    --red-bright: #c4121f;
    --gray:       #7a7a7a;
    --line:       rgba(245,245,243,.10);
    --line-strong:rgba(245,245,243,.22);

    /* Tipografía */
    --font-display: 'Fraunces', Georgia, serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;

    /* Movimiento */
    --ease: cubic-bezier(.16,.84,.44,1);
    --ease-soft: cubic-bezier(.22,.61,.36,1);

    /* Espaciado */
    --section-y: clamp(70px, 11vw, 150px);
    --container-max: 1400px;
    --container-pad: clamp(20px, 4vw, 64px);

    /* Radios */
    --radius-small: 2px;
    --radius-pill: 40px;
}