/* UNICO FILE DI CONFIGURAZIONE COLORI.
   Modifica i valori e ricarica la pagina: UI, card SVG e PNG li leggono qui.
   Palette ufficiale: Oncode / brand identity / colori / def_palette.pdf. */
:root {
  /* Colori sociali Oncode: valori HEX del PDF. */
  --oncode-teal: #0EA5AE;
  --oncode-charcoal: #262828;
  --oncode-cyan: #29B7DC;
  --oncode-blue: #0084B0;
  --oncode-indigo: #253885;
  --oncode-navy: #211D41;

  /* Logo Ponghub: bianco / nero del sito / colore dei pulsanti. */
  --brand-background: var(--page-bg);
  --card-brand-opacity: .75;
  --brand-word: #FFFFFF;
  --brand-accent: var(--accent);
  --brand-hub: var(--page-bg);

  /* Interfaccia. */
  --page-bg: #101414;
  --bg: var(--page-bg);
  --panel: #191E1D;
  --preview-bg: #131716;
  --input-bg: #111614;
  --surface-hover: #203139;
  --line: #3B4A4E;
  --line-hover: var(--oncode-teal);
  --text: #F1F3ED;
  --muted: #A9B7BA;
  --accent: var(--oncode-cyan);
  --accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);
  --control-track: #3B4A4E;
  --control-ink: var(--oncode-navy);
  --live: #FF5252;
  --error: #FFB8A5;
  --shadow: color-mix(in srgb, var(--oncode-teal) 25%, transparent);

  /* Card Neon / Prisma, condivisi tra fronte, retro ed esportazione. */
  --card-dark: #101621;
  --card-panel: #111B28;
  --card-ink: #F1F3ED;
  --card-muted: #C5D9DF;
  --logo-ink: var(--oncode-cyan);
  --logo-accent: var(--oncode-teal);

  /* Finitura classica Gold (indipendente dai riflessi olografici Oncode). */
  --gold-accent: #FFE3A0;
  --gold-base-start: #FFF0B4;
  --gold-base-mid: #B88A39;
  --gold-base-end: #EEC46A;
  --gold-ink: #352813;
  --gold-muted: #69502D;
  --gold-fade: #D3AF5D;
  --gold-banner: #EDCF82;
  --gold-rule: #87652C;
  --gold-back: #4C391B;

  /* Ritratto segnaposto. */
  --portrait-shirt: #171D2D;
  --portrait-neck: #252431;
  --portrait-trim: #353044;
  --portrait-hair: #111725;
  --portrait-light: #535061;
  --portrait-mid: #333241;
  --portrait-dark: #20212E;

  /* Intensità globale: 0 = spento, 1 = intensità originale. */
  --holo-intensity: .4;

  /* Riflessi: solo colori sociali, uguali su fronte e retro. */
  --holo-1: var(--oncode-teal);
  --holo-2: var(--oncode-cyan);
  --holo-3: var(--oncode-blue);
  --holo-4: var(--oncode-indigo);
  --holo-5: var(--oncode-navy);

  /* Contrasto della foto a scena e dei pannelli dati Prisma. */
  --card-photo-shade-top: 0.12;
  --card-photo-shade-bottom: 0.5;
  --card-stat-panel-opacity: 0.9;

  /* Lamine metalliche e texture dei cinque profili. */
  --foil-metal-dark: var(--oncode-navy);
  --foil-metal-mid: var(--oncode-blue);
  --foil-metal-light: var(--oncode-cyan);
  --foil-texture-light: var(--holo-bar);
  --foil-texture-dark: var(--black);

  /* Luci e ombre neutre della superficie olografica. */
  --white: #FFFFFF;
  --black: #000000;
  --card-shadow: #00000099;
  --holo-scan-light: #666666;
  --holo-bar: #B3B3B3;
  --holo-highlight: #E6E6E6CC;
  --holo-highlight-soft: #C7C7C71A;
  --glare-highlight: #FFFFFFCC;
  --glare-soft: #FFFFFFA6;
  --glare-shadow: #00000088;
}