/* REFERENCE ONLY — not loaded by any production page.
   The deployed, consolidated stylesheet is /public/styles.css.
   This file is kept only as an annotated source-of-origin record. */

/* Songcards spacing, radii, borders, shadows — flat surfaces, precise archive feel */
:root{
  /* Spacing scale (4px base) */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-8:32px;
  --sp-10:40px;
  --sp-12:48px;
  --sp-16:64px;

  /* Radii — LOW per master brand (2–4px). Never rounded pills. */
  --radius-sm:2px;    /* inputs, chips, small controls */
  --radius-md:4px;    /* cards, panels, buttons */
  --radius-lg:4px;    /* modals, large surfaces — kept low, no soft corners */
  --radius-tile:48px; /* app icon tile only (matches icon SVG) */

  /* Borders */
  --border-w:1px;
  --border:var(--border-w) solid var(--border-hairline);

  /* Shadows — NONE. Master brand: zero drop shadows; 1px hairlines separate layers.
     Tokens kept as `none` so consumers never reach for a shadow by habit. */
  --shadow-none:none;
  --shadow-panel:none;
  --shadow-raised:none;
  --shadow-modal:none;

  /* Signature motif — archive tab (dog-ear) size */
  --tab-size:20px;

  /* Motion — quiet, no bounce */
  --ease-standard:cubic-bezier(0.2,0,0,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:180ms; /* @kind other */
}