/*
Theme Name: GB2K
Author: Granissat
Version: 1.0
Description: GB2K x Granissat.
*/

@font-face {
    font-family: 'OverusedGrotesk';
    src: url('assets/fonts/OverusedGrotesk-Roman.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aether-AMono';
    src: url('assets/fonts/Aether-AMono.woff2') format('woff2'),
         url('assets/fonts/Aether-AMono.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --amarillo: #DEFF21;
    --marron: #442929;
    --hueso: #E0DECF;
    --teja: #9E4033;
}

:root,
[data-theme="tema-1"] {
    --color-fondo: #FFFFFF;
    --color-texto: var(--marron);
}

[data-theme="tema-2"] {
    --color-fondo: var(--marron);
    --color-texto: #FFFFFF;
}

[data-theme="tema-3"] {
    --color-fondo: var(--hueso);
    --color-texto: var(--marron);
}

[data-theme="tema-4"] {
    --color-fondo: var(--teja);
    --color-texto: #FFFFFF;
}

body {
    background-color: var(--color-fondo);
    color: var(--color-texto);
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* FLECHA */
html, body, button, input, select, textarea {
    cursor: url('assets/img/flecha-marron-32.svg') 0 0, auto !important;
}

[data-theme="tema-2"] html,
[data-theme="tema-2"] body,
[data-theme="tema-2"] button,
[data-theme="tema-2"] input,
[data-theme="tema-2"] select,
[data-theme="tema-2"] textarea,
[data-theme="tema-4"] html,
[data-theme="tema-4"] body,
[data-theme="tema-4"] button,
[data-theme="tema-4"] input,
[data-theme="tema-4"] select,
[data-theme="tema-4"] textarea {
    cursor: url('assets/img/flecha-amarilla.svg') 0 0, auto !important;
}

/* MANO APUNTANDO */
a, 
button, 
input[type="submit"], 
input[type="button"], 
.button, 
[role="button"] {
    cursor: url('assets/img/mano-01-32.svg') 0 0, pointer !important;
}

[data-theme="tema-1"] a, 
[data-theme="tema-1"] button, 
[data-theme="tema-1"] input[type="submit"], 
[data-theme="tema-1"] input[type="button"], 
[data-theme="tema-1"] .button, 
[data-theme="tema-1"] [role="button"],
[data-theme="tema-3"] a, 
[data-theme="tema-3"] button, 
[data-theme="tema-3"] input[type="submit"], 
[data-theme="tema-3"] input[type="button"], 
[data-theme="tema-3"] .button, 
[data-theme="tema-3"] [role="button"] {
    cursor: url('assets/img/mano-01-marron.svg') 0 0, pointer !important;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    cursor: url('assets/img/mano-01-marron.svg') 0 0, pointer !important;
}

/* MANO ABIERTA */
.grab, 
.is-draggable,
.carrusel-galeria-container, 
[draggable="true"] {
    cursor: url('assets/img/mano_03_p.svg') 16 32, grab !important;
}

/* MANO CERRADA */
.grab:active, 
.grabbing, 
.is-dragging {
    cursor: url('assets/img/mano-02-32.svg') 16 32, grabbing !important;
}