/* Buyback theme — CUBE (Insidious operations room). The original look, and the
 * reference every other theme is a drop-in replacement for: same variable
 * names, same roles, different values. components.css and the templates read
 * only these names, so a theme swap never touches markup.
 *
 * Roles, top to bottom of the surface ramp:
 *   bg-sunk  deepest wells (scan log, read-only textarea)
 *   bg-well  sunken strips (table header rows)
 *   bg-0     page background        bg-1  recessed fields / textarea
 *   bg-tile  stat tiles             bg-2  secondary canvas
 *   panel    panel fill             panel-warm  gradient top of the offer card
 *   surface  raised surface         card / card-hover / elevated
 */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Surfaces */
  --cube-bg-sunk: #0c0c0c; --cube-bg-well: #0f0f0f;
  --cube-bg-0: #0e0e0e; --cube-bg-1: #141414; --cube-bg-2: #1a1a1a;
  --cube-bg-tile: #161616;
  --cube-panel: #1a1a1a; --cube-panel-warm: #1d1a16;
  --cube-surface: #1e1e1e; --cube-card: #2a2a2a; --cube-card-hover: #323232;
  --cube-elevated: #363636;
  /* Lines */
  --cube-line-soft: #1c1c1c; --cube-line: #2a2a2a;
  --cube-border: #3a3a3a; --cube-line-2: #4a4a4a;
  /* Ink */
  --cube-ink-0: #f4f1ec; --cube-ink-1: #e8e8e8; --cube-ink-soft: #cfcabf;
  --cube-ink-2: #999999; --cube-ink-dim: #8a857c; --cube-ink-3: #6a6660;
  /* Accent */
  --cube-accent: #ff8c00; --cube-accent-hover: #ff7700; --cube-accent-hot: #ffae3d;
  --cube-accent-2: #ffa500; --cube-accent-deep: #cc6f00; --cube-accent-ink: #1a0e00;
  --cube-accent-soft: rgba(255,140,0,.10); --cube-accent-line: rgba(255,140,0,.30);
  --cube-accent-glow: rgba(255,140,0,.18);
  /* Status */
  --cube-success: #2ecc71; --cube-success-soft: rgba(46,204,113,.18); --cube-success-ink: #0e1a0e;
  --cube-warning: #f39c12; --cube-warning-soft: rgba(243,156,18,.18);
  --cube-danger: #e74c3c; --cube-danger-soft: rgba(231,76,54,.18);
  --cube-info: #29b6f6; --cube-info-soft: rgba(41,182,246,.18);
  --cube-discord: #5865f2;
  /* Category hues — PALETTE slots 4 and 5 on the appraisal breakdown, and the
   * blueprint-copy identity colour. */
  --cube-cat-bpc: #b07cff; --cube-cat-5: #ffc14d;
  /* Channel triples, for the many one-off alphas the storefront mixes. */
  --cube-accent-rgb: 255,140,0; --cube-success-rgb: 46,204,113;
  --cube-warning-rgb: 243,156,18; --cube-danger-rgb: 231,76,54;
  --cube-info-rgb: 41,182,246; --cube-bg-1-rgb: 20,20,20; --cube-bg-0-rgb: 14,14,14; --cube-shadow-rgb: 0,0,0;
  /* Semantic aliases */
  --text-heading: var(--cube-ink-0); --text-body: var(--cube-ink-1);
  --text-muted: var(--cube-ink-2); --text-faint: var(--cube-ink-3);

  /* Type */
  --font-display: 'Chakra Petch','Helvetica Neue',sans-serif;
  --font-body: 'IBM Plex Sans',ui-sans-serif,system-ui,sans-serif;
  --font-mono: 'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --display-tracking: .06em; --display-hero-max: 76px; --display-leading: .96;

  /* Effects */
  --radius-xs: 3px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 10px;
  --shadow-md: 0 2px 4px 0 rgba(0,0,0,.5); --shadow-xl: 0 8px 16px 0 rgba(0,0,0,.7);
  --shadow-panel: 0 18px 50px rgba(0,0,0,.55);
  --shadow-card: 0 14px 44px rgba(0,0,0,.5);
  --shadow-btn: 0 4px 20px rgba(255,140,0,.32);
  --glow-dot: 0 0 8px rgba(255,140,0,.6);
  --glow-payout: 0 0 18px rgba(255,140,0,.4);
  --glow-payout-lg: 0 0 22px rgba(255,140,0,.4);
  --glow-hero: 0 0 50px rgba(255,140,0,.16);
  --focus-ring: 0 0 0 3px rgba(255,140,0,.2);
  --grad-card-header: linear-gradient(135deg, var(--cube-bg-1) 0%, var(--cube-card) 100%);

  /* Storefront texture — the fixed layers behind the public pages. */
  --theme-bullet: '\25C6';
  --theme-texture: linear-gradient(to right,rgba(255,140,0,.045) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(255,140,0,.045) 1px,transparent 1px);
  --theme-texture-size: 80px 80px;
  --theme-glow: radial-gradient(ellipse at center,rgba(255,140,0,.14) 0%,rgba(255,140,0,.045) 32%,transparent 66%);

  /* Layout chrome */
  --navbar-height: 50px; --sidebar-width: 194px; --content-max: 1240px;
}