/* Buyback theme — HAIL AND HARVESTERS (HNF). Minmatar salvage-yard industrial:
 * rust is the working colour, gas-cloud teal is the harvest colour, and the
 * canvas is warm brown-black rather than neutral grey. Condensed display type.
 * Values follow the HNF style guide (theme-hnf.tokens.css + §07 literal map).
 * Role-for-role identical to cube.css — see that file for what each role is. */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Surfaces — warm brown-black ramp */
  --cube-bg-sunk: #0a0806; --cube-bg-well: #110e0b;
  --cube-bg-0: #100d0a; --cube-bg-1: #16110d; --cube-bg-2: #1c1612;
  --cube-bg-tile: #191411;
  --cube-panel: #1c1612; --cube-panel-warm: #241c15;
  --cube-surface: #211a14; --cube-card: #2d241c; --cube-card-hover: #352a20;
  --cube-elevated: #3a2f24;
  /* Lines */
  --cube-line-soft: #1f1813; --cube-line: #2d241c;
  --cube-border: #3e3226; --cube-line-2: #52432f;
  /* Ink */
  --cube-ink-0: #f2ece3; --cube-ink-1: #e5ded4; --cube-ink-soft: #cdc2b2;
  --cube-ink-2: #9c9081; --cube-ink-dim: #8b8172; --cube-ink-3: #6e6153;
  /* Accent — Minmatar rust */
  --cube-accent: #cd5f34; --cube-accent-hover: #b94f27; --cube-accent-hot: #e6845a;
  --cube-accent-2: #dd7043; --cube-accent-deep: #8a3e20; --cube-accent-ink: #1d0c04;
  --cube-accent-soft: rgba(205,95,52,.10); --cube-accent-line: rgba(205,95,52,.30);
  --cube-accent-glow: rgba(205,95,52,.18);
  /* Secondary — gas-harvest teal. It takes the info role; there is no blue in
   * this theme. */
  --hnf-teal: #3cc9a7; --hnf-teal-hot: #6adfc4; --hnf-teal-soft: rgba(60,201,167,.14);
  /* 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: #3cc9a7; --cube-info-soft: rgba(60,201,167,.14);
  --cube-discord: #5865f2;
  /* Category hues */
  --cube-cat-bpc: #bf8ae0; --cube-cat-5: #d8a838;
  /* Channel triples */
  --cube-accent-rgb: 205,95,52; --cube-success-rgb: 46,204,113;
  --cube-warning-rgb: 243,156,18; --cube-danger-rgb: 231,76,54;
  --cube-info-rgb: 60,201,167; --cube-bg-1-rgb: 22,17,13; --cube-bg-0-rgb: 16,13,10; --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: 'Big Shoulders Display','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: .05em; --display-hero-max: 82px; --display-leading: .94;

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

  /* Storefront texture — worn metal: brushed vertical grain under diagonal
   * rust streaks, rather than cube's instrument grid. */
  --theme-bullet: '\2B22';
  --theme-texture: repeating-linear-gradient(112deg,rgba(205,95,52,.05) 0 2px,transparent 2px 130px),
                   repeating-linear-gradient(90deg,rgba(255,255,255,.013) 0 1px,transparent 1px 3px);
  --theme-texture-size: auto, auto;
  --theme-glow: radial-gradient(ellipse at center,rgba(205,95,52,.16) 0%,rgba(148,64,30,.06) 34%,transparent 66%),
                radial-gradient(380px 200px at 50% 0%,rgba(60,201,167,.06),transparent 70%);

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