/* Client Premium v1 — design tokens (scoped). Visual reference:
   docs/prototypes/TEVUR_Portal_Cliente_Pickit_Premium_Audit.html */

html[data-ui-variant="client-premium-v1"] {
  --cp-bg: #050912;
  --cp-bg2: #07101d;
  --cp-panel: #0b1524;
  --cp-panel2: #0e1a2b;
  --cp-panel3: #111f32;
  --cp-panel-glass: rgba(12, 24, 40, 0.82);
  --cp-line: rgba(154, 184, 218, 0.14);
  --cp-line-strong: rgba(255, 255, 255, 0.13);
  --cp-text: #f5f7fb;
  --cp-text2: #c2ccda;
  --cp-muted: #7f8ea3;
  --cp-muted2: #5d6b7d;
  --cp-orange: #ff5a13;
  --cp-orange2: #ff8a45;
  --cp-cyan: #19bce6;
  --cp-blue: #4f8cff;
  --cp-purple: #8a5cff;
  --cp-gold: #d9ad45;
  --cp-green: #45d483;
  --cp-amber: #ffb547;
  --cp-red: #ff5d61;
  --cp-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
  --cp-shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.22);
  --cp-radius: 18px;
  --cp-radius2: 13px;
  --cp-sidebar: 252px;
  --cp-topbar: 72px;

  /* Remap existing Master/shell tokens for CR premium session only */
  --bg: var(--cp-bg);
  --bg-soft: var(--cp-bg2);
  --panel: var(--cp-panel);
  --panel-2: var(--cp-panel2);
  --line: var(--cp-line);
  --text: var(--cp-text);
  --muted: var(--cp-muted);
  --orange: var(--cp-orange);
  --orange-soft: rgba(255, 90, 19, 0.14);
  --green: var(--cp-green);
  --amber: var(--cp-amber);
  --red: var(--cp-red);
  --blue: var(--cp-blue);
  --sidebar: var(--cp-sidebar);
  --topbar: var(--cp-topbar);
  --radius: var(--cp-radius2);
  --shadow: var(--cp-shadow-soft);
  color-scheme: dark;
}

html[data-ui-variant="client-premium-v1"] ::selection {
  background: rgba(255, 90, 19, 0.28);
}