/* © 2024–2026 Andrea Taliento (ANDRYXify) — Tutti i diritti riservati — socialbot.live */
/* Proprieta intellettuale · ANDRYX-IP::a7f39c1e8b424d90-4f7b-taliento::socialbot.live */

:root {
  --ax-1: "a7f39c1e8b424d90";
  color-scheme: light;

  --bg: #f2efe8;
  --surface: #fdfbf6;
  --surface-2-tinta: #f0ebe1;
  --surface-3-tinta: #e5dfd2;
  --surface-2: var(--tono-carta) 0 0 / var(--tono-passo), var(--surface-2-tinta);
  --surface-3: var(--tono-carta) 0 0 / var(--tono-passo), var(--surface-3-tinta);
  --border: #ddd6c8;
  --border-2: #c9c1b1;

  --testo: #1a1919;
  --testo-2: #5c5852;
  --testo-3: #5f5a54;

  --acc: #ba007a;
  --acc-600: #940060;
  --su-acc: #ffffff;

  --acc-vivo: #d000b8;
  --acc-caldo: #b00050;
  --acc-vino: #9a0028;
  --rampa: linear-gradient(100deg, var(--acc-vivo), var(--acc) 42%, var(--acc-caldo) 74%, var(--acc-vino));

  --contorno: #150910;
  --contorno-sp: 2px;
  --posto-inchiostro: 8px;
  --alone-contorno: 0 0 0 0 transparent;

  --tratto-1: 1px 1.5px 1.5px 1px;
  --tratto-2: 2px 2.5px 2.5px 2px;
  --tratto-3: 3px 3.5px 3.5px 3px;
  --orlo-3: 3px;
  --tratto-4: 4.5px 5px 5px 4.5px;

  --tono-passo: 6px 6px;
  --tono-carta: radial-gradient(color-mix(in srgb, var(--contorno) 15%, transparent) 1.05px, transparent 1.1px);
  --didascalia-fondo: var(--contorno);
  --didascalia-testo: #f7f3ec;
  --orlo-scritta: var(--contorno);
  --tono-10: radial-gradient(var(--contorno) 1.05px, transparent 1.1px);
  --tono-20: radial-gradient(var(--contorno) 1.5px, transparent 1.55px);
  --tono-40: radial-gradient(var(--contorno) 2.14px, transparent 2.2px);
  --tono-60: radial-gradient(var(--contorno) 2.62px, transparent 2.7px);

  --fuoco-linee: repeating-conic-gradient(from 0deg at 50% 50%, var(--contorno) 0deg .52deg, transparent .52deg 4.6deg);
  --corsa-linee: repeating-linear-gradient(90deg, var(--contorno) 0 1.2px, transparent 1.2px 7px);
  --gocce-linee: repeating-linear-gradient(90deg, var(--contorno) 0 2px, transparent 2px 12px);
  --raggi-linee: repeating-conic-gradient(from 0deg at 50% 118%, var(--contorno) 0deg 1.1deg, transparent 1.1deg 9deg);
  --tremolio: 1.5px;

  --gutter-stretto: .5rem;
  --gutter: .95rem;
  --gutter-largo: 1.7rem;

  --mano: 'Permanent Marker', 'Trebuchet MS', system-ui, sans-serif;
  --testo-font: Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ang-mano: 5px 3px 4px 3px / 3px 5px 3px 4px;
  --ang-mano-l: 4px 2px 3px 2px / 2px 4px 2px 3px;
  --tratto-mano: var(--tratto-2);

  --su-due: steps(5, jump-none);
  --su-tre: steps(3, jump-none);
  --scatto: cubic-bezier(.16, 1.42, .3, 1);
  --anticipo: .09s;
  --colpo: .34s;
  --lampo: .1s;

  --ombra-ink: 4px 4px 0 var(--contorno);
  --ombra-ink-alta: 6px 6px 0 var(--contorno);
  --ombra-ink-salto: 10px 10px 0 var(--contorno);
  --ombra-ink-timbro: 1px 1px 0 var(--contorno);
  --retino: radial-gradient(var(--contorno) 1.1px, transparent 1.2px);
  --retino-passo: 6px 6px;
  --retino-forza: .16;
  --cinetiche: repeating-conic-gradient(from 0deg at 50% 50%, var(--contorno) 0deg .55deg, transparent .55deg 3.1deg);
  --cinetiche-forza: .05;
  --acc-soft: color-mix(in srgb, var(--acc) 8%, var(--surface));
  --acc-tint: color-mix(in srgb, var(--acc) 10%, transparent);
  --acc-bordo: color-mix(in srgb, var(--acc) 26%, var(--border));

  --verde: #497852; --verde-soft: #eef3ec; --verde-bordo: #cfdccf;
  --rosso: #a8382b; --rosso-soft: #f6ebe7; --rosso-bordo: #ebccc5; --su-rosso: #ffffff;
  --ambra: #926317; --ambra-soft: #f5eedd; --ambra-bordo: #e6d3b3;

  --r-xs: 3px; --r-s: 4px; --r-m: 5px; --r-l: 7px;
  --om-s: 0 1px 2px rgba(26, 25, 25, .05);
  --om-m: 0 2px 10px rgba(26, 25, 25, .06);
  --om-l: 0 10px 30px rgba(26, 25, 25, .09);
  --ease-back: var(--an-morbido); --molla: .22s var(--an-morbido); --spring: var(--an-morbido);
  --sheen: rgba(255, 255, 255, .35);

  --g-bot: #68625a; --g-pubblico: #68625a; --g-diretta: #68625a;
  --g-scena: #68625a; --g-vetrina: #68625a; --g-account: #68625a; --g-admin: var(--acc);

  --an-vel: cubic-bezier(.16, 1, .3, 1);
  --an-morbido: cubic-bezier(.33, 1, .68, 1);
  --an-dur: .9s;
}

:root[data-theme="dark"], :root:not([data-theme="light"]) {
  color-scheme: dark;

  --bg: #0f0a0e;
  --surface: #1a141a;
  --surface-2-tinta: #231b22;
  --surface-3-tinta: #2d232c;
  --surface-2: var(--tono-carta) 0 0 / var(--tono-passo), var(--surface-2-tinta);
  --surface-3: var(--tono-carta) 0 0 / var(--tono-passo), var(--surface-3-tinta);
  --border: #362a34;
  --border-2: #4a3a46;

  --testo: #f1e9ee;
  --testo-2: #b0a2aa;
  --testo-3: #9c8c96;

  --acc: #f72fa7;
  --acc-600: #ff61b7;

  --acc-vivo: #ff5ce0;
  --acc-caldo: #ef4b84;
  --acc-vino: #e04a72;

  --contorno: #f4ecf1;
  --alone-contorno: 0 0 0 1px color-mix(in srgb, var(--acc) 34%, transparent);
  --tono-carta: radial-gradient(color-mix(in srgb, #ffd9ec 14%, transparent) 1.05px, transparent 1.1px);
  --didascalia-fondo: var(--contorno);
  --didascalia-testo: #12080e;
  --orlo-scritta: var(--contorno);
  --ombra-ink: 3px 3px 0 var(--contorno);
  --ombra-ink-alta: 5px 5px 0 var(--contorno);
  --ombra-ink-salto: 9px 9px 0 var(--contorno);
  --ombra-ink-timbro: 1px 1px 0 var(--contorno);
  --retino: radial-gradient(color-mix(in srgb, var(--acc) 80%, #fff) 1.1px, transparent 1.2px);
  --retino-forza: .2;
  --cinetiche: repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in srgb, var(--acc) 70%, #fff) 0deg .55deg, transparent .55deg 3.1deg);
  --cinetiche-forza: .055;
  --su-acc: #1e0f18;
  --acc-soft: color-mix(in srgb, var(--acc) 10%, var(--surface));
  --acc-tint: color-mix(in srgb, var(--acc) 14%, transparent);
  --acc-bordo: color-mix(in srgb, var(--acc) 26%, var(--border));

  --verde: #7bae86; --verde-soft: #1a271d; --verde-bordo: #2f4535;
  --rosso: #e0674f; --rosso-soft: #291813; --rosso-bordo: #47281f; --su-rosso: #150910;
  --ambra: #cf9a52; --ambra-soft: #28200f; --ambra-bordo: #453722;
  --om-s: 0 1px 2px rgba(0, 0, 0, .3);
  --om-m: 0 2px 10px rgba(0, 0, 0, .35);
  --om-l: 0 10px 30px rgba(0, 0, 0, .45);
  --sheen: rgba(255, 255, 255, .05);

  --g-bot: #918c80; --g-pubblico: #918c80; --g-diretta: #918c80;
  --g-scena: #918c80; --g-vetrina: #918c80; --g-account: #918c80; --g-admin: var(--acc);
}

:root[data-theme="dark"] img[src*="/icons/logo-"],
:root[data-theme="dark"] img[src*="/icons/marchio"],
:root:not([data-theme="light"]) img[src*="/icons/logo-"],
:root:not([data-theme="light"]) img[src*="/icons/marchio"] {
  filter: drop-shadow(1px 0 0 var(--orlo-scritta)) drop-shadow(-1px 0 0 var(--orlo-scritta))
          drop-shadow(0 1px 0 var(--orlo-scritta)) drop-shadow(0 -1px 0 var(--orlo-scritta));
}