/**
 * Qube client skin - CSS variables only
 * Full chrome overrides live at:
 *   upgrades/qube-manhattan/assets/qube-skin.css
 * This file is the portable client-vars extract for the multi-template matrix.
 * Do not duplicate component CSS here. Do not touch upgrades/qube-manhattan/.
 */

.client-skin--qube {
  --client-primary: #F67A20;
  --client-accent: #61CE70;
  --client-secondary: #FF00FE;
  --client-blue: #0070AF;
  --client-accent-hover: #e06d1a;
  --client-on-accent: #000000;

  --btn-primary-bg: #F67A20;
  --btn-primary-fg: #000000;

  --font-sans: "Nunito", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Nunito", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-secondary: "Roboto Slab", Georgia, "Times New Roman", serif;

  --accent: var(--client-primary);
  --accent-hover: var(--client-accent-hover);
  --accent-text: #b35512;
  --on-accent: var(--btn-primary-fg);
  --focus: var(--client-primary);
  --halo: 0 0 0 3px rgba(246, 122, 32, 0.22);
}

/*
 * Symlink note (optional):
 *   ln -s ../upgrades/qube-manhattan/assets/qube-skin.css skins/qube-full.css
 * Prefer this vars file for matrix wiring; use full skin only on A+Qube production.
 */