:root {
  --fcw-bg: #0c0f14;
  --fcw-surface: #11151b;
  --fcw-surface-2: #171c23;
  --fcw-surface-3: #202020;
  --fcw-text: #e6e8eb;
  --fcw-primary: #ff6a00;
  --fcw-primary-2: #cf5600;
  --fcw-primary-3: #9e4200;
  --fcw-accent: #ff6a0073;
  --fcw-border: #242a33;
  --fcw-shadow: 0 8px 24px rgba(0,0,0,0.45);

  /* Maschera Overlay con apertura menu */
  --fcw-overlay: rgba(0, 0, 0, 0.35);
  --fcw-focus: 0 0 0 3px rgba(255,106,0,0.25);

  --fcw-danger: #e91515;
  --fcw-warning: #ffb703;
  --fcw-success: #00d146;
  --fcw-transfer: #ee00e2;
  --fcw-muted: #6b7b91;

  --fix-white: hsl(0, 0%, 100%);
  --fix-black: hsl(0, 0%, 0%);

  /*TABLES*/
  --hover-accent: var(--fcw-surface-2);
  /* Header Table */
  --thead-bg: var(--fcw-primary);
  --row-odd: var(--fcw-surface-2);
  --row-even: var(--fcw-surface);
  /* Hover Background */
  --hover-row: var(--fcw-accent);
  /* Hover Text Color */
  --hover-fg: var(--fcw-text);

  /*BUTTONS*/
  --btn-bg: var(--fcw-primary);
  --btn-fg:  var(--fcw-bg);
  --btn-tx:  var(--fcw-text);

  --btn-sec-bg: var(--btn-fg);
  --btn-sec-fg: var(--btn-bg);
  --btn-sec-hover-fg: #0d0d0d;

  --ghost-hover-fg: #0d0d0d;
  --btn-alt-hover-fg: #0d0d0d;

  /*Switch ON/OFF ceckbox*/
  --sw-off-bg: #cfe8ff;
  --sw-off-fg: #0e1b2b;
  --sw-on-bg: var(--fcw-primary);
  --sw-on-fg: #00131f;
  --sw-knob: #ffffff;

  --progress-fg: #ffffff;

  --badge-bg: #e11d48;
  --badge-fg: #ffffff;

}
/*.fcw-auth .bg { background: radial-gradient(1000px 600px at 20% 20%, #1a1f27, #0c0f14 70%); }*/