/* BrewInsight — Effects: radii, borders, shadows, texture
 * The brand reads as "report / dossier": hairline rules, soft card shadows,
 * hand-inked strokes, paper grain. NO heavy drop shadows, glows, or gradients
 * on the logo or accents. Texture adds warmth, not clutter.
 */
:root {
  /* ---- Corner radius ---- */
  --radius-none: 0;
  --radius-sm:   4px;
  --radius-md:   8px;   /* white stat cards */
  --radius-lg:   14px;
  --radius-bar:  999px; /* rounded range bars */
  --radius-pill: 999px; /* source badges, tags */

  /* ---- Borders / hairlines ---- */
  --border-hairline: 1px solid var(--hairline);
  --border-ink:      2px solid var(--ink);
  --border-forest:   2px solid var(--forest);
  --divider:         1px solid var(--hairline);

  /* ---- Shadows (soft, sketched — never harsh) ---- */
  --shadow-card:  0 2px 10px rgba(26, 26, 26, 0.06);
  --shadow-card-lg: 0 6px 24px rgba(26, 26, 26, 0.08);
  --shadow-contact: 0 4px 8px rgba(26, 26, 26, 0.05); /* sketched contact shadow under objects */

  /* ---- Stroke character ---- */
  --stroke-data:  2.5px;  /* hand-inked chart line weight */
  --stroke-icon:  2px;    /* monoline icon stroke, matched to logo */
  --stroke-rule:  1px;    /* hairline rules */

  /* ---- HUD detailing ---- */
  --hud-tick:     1.5px;  /* ruler ticks, registration marks */
  --hud-dot:      2px;    /* dot-grid matrices */

  /* ---- Motion (restrained — fades over bounces) ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);  /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --dur-fast:      120ms;  /* @kind other */
  --dur-base:      220ms;  /* @kind other */
  --dur-slow:      360ms;  /* @kind other */

  /* ---- Texture (subtle paper grain on cream; faint green grid) ---- */
  --grid-line:     rgba(56, 104, 48, 0.05);  /* faint green graph-paper grid */
  --grid-size:     28px;
  --grain-opacity: 0.04;  /* @kind other */
}

/* Faint green graph-paper grid — apply to a surface with .bi-graph-paper.
 * Pure structural texture; keep it quiet. */
.bi-graph-paper {
  background-image:
    linear-gradient(to right, var(--grid-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);
  background-size: var(--grid-size) var(--grid-size);
}