/* Buyback theme — UNITED EAST-INDIAN COMPAGNIE, night sea. A 17th-century
 * trading house after dark: princely orange on deep chart-navy, brass
 * ornament, inscriptional serif capitals. Values follow the VOC style guide
 * and the "Buyback - VOC Dark" comp.
 * Role-for-role identical to cube.css — see that file for what each role is. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Surfaces — night-sea navy ramp */
  --cube-bg-sunk: #080d17; --cube-bg-well: #0b101d;
  --cube-bg-0: #0a0e19; --cube-bg-1: #0e1422; --cube-bg-2: #101726;
  --cube-bg-tile: #101726;
  --cube-panel: #131b2d; --cube-panel-warm: #17203a;
  --cube-surface: #131b2d; --cube-card: #182338; --cube-card-hover: #1e2b45;
  --cube-elevated: #182338;
  /* Lines */
  --cube-line-soft: #172136; --cube-line: #223049;
  --cube-border: #32436a; --cube-line-2: #3d5081;
  /* Ink — warm parchment ink on a dark ground */
  --cube-ink-0: #f3ead3; --cube-ink-1: #e7dfc8; --cube-ink-soft: #d4c8a8;
  --cube-ink-2: #98917c; --cube-ink-dim: #8c8670; --cube-ink-3: #6f6a54;
  /* Accent — princely orange */
  --cube-accent: #e89422; --cube-accent-hover: #d9860f; --cube-accent-hot: #f3b45a;
  --cube-accent-2: #f4a83c; --cube-accent-deep: #b06f14; --cube-accent-ink: #211300;
  --cube-accent-soft: rgba(232,148,34,.10); --cube-accent-line: rgba(232,148,34,.30);
  --cube-accent-glow: rgba(232,148,34,.18);
  /* Secondary — chart navy & instrument brass. Navy takes the info role. */
  --voc-navy: #5b8fd6; --voc-navy-soft: rgba(91,143,214,.12);
  --voc-brass: #c9a227;
  /* Status */
  --cube-success: #2ecc71; --cube-success-soft: rgba(46,204,113,.18); --cube-success-ink: #04140c;
  --cube-warning: #f39c12; --cube-warning-soft: rgba(243,156,18,.18);
  --cube-danger: #e74c3c; --cube-danger-soft: rgba(231,76,54,.18);
  --cube-info: #5b8fd6; --cube-info-soft: rgba(91,143,214,.14);
  --cube-discord: #5865f2;
  /* Category hues */
  --cube-cat-bpc: #a98ae0; --cube-cat-5: #c9a227;
  /* Channel triples */
  --cube-accent-rgb: 232,148,34; --cube-success-rgb: 46,204,113;
  --cube-warning-rgb: 243,156,18; --cube-danger-rgb: 231,76,54;
  --cube-info-rgb: 91,143,214; --cube-bg-1-rgb: 14,20,34; --cube-bg-0-rgb: 10,14,25; --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: 'Cinzel',Georgia,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: .04em; --display-hero-max: 62px; --display-leading: 1.04;

  /* 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(232,148,34,.32);
  --glow-dot: 0 0 8px rgba(232,148,34,.6);
  --glow-payout: 0 0 18px rgba(232,148,34,.4);
  --glow-payout-lg: 0 0 22px rgba(232,148,34,.4);
  --glow-hero: 0 0 50px rgba(232,148,34,.16);
  --focus-ring: 0 0 0 3px rgba(232,148,34,.2);
  --grad-card-header: linear-gradient(135deg, var(--cube-bg-1) 0%, var(--cube-line) 100%);

  /* Storefront texture — a sea chart: 80px graticule crossed by ±45° rhumb
   * lines, the courses a navigator rules across open water. */
  --theme-bullet: '\2726';
  --theme-texture: linear-gradient(to right,rgba(91,143,214,.055) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(91,143,214,.055) 1px,transparent 1px),
                   repeating-linear-gradient(45deg,rgba(91,143,214,.035) 0 1px,transparent 1px 120px),
                   repeating-linear-gradient(-45deg,rgba(91,143,214,.035) 0 1px,transparent 1px 120px);
  --theme-texture-size: 80px 80px, 80px 80px, auto, auto;
  --theme-glow: radial-gradient(ellipse at center,rgba(232,148,34,.12) 0%,rgba(232,148,34,.04) 32%,transparent 66%);

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