/* Buyback theme — UNITED EAST-INDIAN COMPAGNIE, parchment ledger. The same
 * princely-orange palette as voc-night, inverted onto a light ledger sheet:
 * sepia ink, navy chart rules, brass ornament, Cinzel capitals.
 *
 * This is the only LIGHT theme, so it is the one that exercises the token
 * layer honestly: shadows are warm sepia rather than black (black on parchment
 * reads as dirt), glows are dropped entirely (a bloom on a light ground just
 * looks like a printing error), and status hues are darkened for contrast.
 * 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 — parchment ramp. The ordering inverts: "sunk" is the darkest
   * parchment tone, "card" the brightest sheet. */
  --cube-bg-sunk: #e6d9b9; --cube-bg-well: #eadfc4;
  --cube-bg-0: #efe5cd; --cube-bg-1: #f1e8d2; --cube-bg-2: #ede2c8;
  --cube-bg-tile: #f4ecd9;
  --cube-panel: #faf4e4; --cube-panel-warm: #f8f1df;
  --cube-surface: #f4ecd9; --cube-card: #faf4e4; --cube-card-hover: #f3ead4;
  --cube-elevated: #e8dcbe;
  /* Lines */
  --cube-line-soft: #e3d6b4; --cube-line: #d8c9a4;
  --cube-border: #c3b088; --cube-line-2: #b09a6e;
  /* Ink — sepia scale */
  --cube-ink-0: #2b2013; --cube-ink-1: #3a2d1c; --cube-ink-soft: #4d3d26;
  --cube-ink-2: #7a6a4d; --cube-ink-dim: #847454; --cube-ink-3: #93825f;
  /* Accent — princely orange, darkened for light-surface contrast */
  --cube-accent: #b96d10; --cube-accent-hover: #a35f0a; --cube-accent-hot: #c07a12;
  --cube-accent-2: #cd8515; --cube-accent-deep: #8a520a; --cube-accent-ink: #fdf6e5;
  --cube-accent-soft: rgba(185,109,16,.10); --cube-accent-line: rgba(185,109,16,.30);
  --cube-accent-glow: rgba(185,109,16,.15);
  /* Secondary — chart navy & instrument brass */
  --voc-navy: #2a5390; --voc-navy-soft: rgba(42,83,144,.10);
  --voc-brass: #8f7414;
  /* Status — darkened for parchment contrast */
  --cube-success: #1e8a52; --cube-success-soft: rgba(30,138,82,.12); --cube-success-ink: #eef7f0;
  --cube-warning: #a8700d; --cube-warning-soft: rgba(168,112,13,.14);
  --cube-danger: #b23324; --cube-danger-soft: rgba(178,51,36,.10);
  --cube-info: #2a5390; --cube-info-soft: rgba(42,83,144,.10);
  --cube-discord: #4551c9;
  /* Category hues */
  --cube-cat-bpc: #6d4fa8; --cube-cat-5: #8f7414;
  /* Channel triples */
  --cube-accent-rgb: 185,109,16; --cube-success-rgb: 30,138,82;
  --cube-warning-rgb: 168,112,13; --cube-danger-rgb: 178,51,36;
  --cube-info-rgb: 42,83,144; --cube-bg-1-rgb: 241,232,210; --cube-bg-0-rgb: 239,229,205; --cube-shadow-rgb: 94,68,26;
  /* 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 — warm sepia, never black on parchment */
  --radius-xs: 3px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 10px;
  --shadow-md: 0 2px 4px 0 rgba(94,68,26,.18); --shadow-xl: 0 8px 16px 0 rgba(94,68,26,.22);
  --shadow-panel: 0 10px 30px rgba(94,68,26,.16);
  --shadow-card: 0 8px 26px rgba(94,68,26,.14);
  --shadow-btn: 0 3px 12px rgba(185,109,16,.28);
  /* Glows are a dark-canvas effect. On parchment they read as a smudge, so the
   * light theme opts out rather than scaling them down. */
  --glow-dot: none; --glow-payout: none; --glow-payout-lg: none; --glow-hero: none;
  --focus-ring: 0 0 0 3px rgba(185,109,16,.2);
  --grad-card-header: linear-gradient(135deg, #f6eed8 0%, var(--cube-card) 100%);

  /* Storefront texture — chart lines ruled on the sheet. */
  --theme-bullet: '\2726';
  --theme-texture: linear-gradient(to right,rgba(42,83,144,.075) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(42,83,144,.075) 1px,transparent 1px),
                   repeating-linear-gradient(45deg,rgba(42,83,144,.045) 0 1px,transparent 1px 120px),
                   repeating-linear-gradient(-45deg,rgba(42,83,144,.045) 0 1px,transparent 1px 120px);
  --theme-texture-size: 80px 80px, 80px 80px, auto, auto;
  --theme-glow: radial-gradient(ellipse at center,rgba(185,109,16,.13) 0%,rgba(185,109,16,.05) 32%,transparent 66%);

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

/* The scrollbar thumb is the one component whose dark-canvas assumption does
 * not survive inversion: --cube-border is a hairline on parchment, invisible
 * as a grab handle. */
.scroll::-webkit-scrollbar-thumb,
.bb-scroll::-webkit-scrollbar-thumb { background: var(--cube-line-2); }
