/*
 * Design tokens — hand-ported from `faircamp-front/src/styles/tokens.css`
 * per `docs/phase-5a.md`'s "ported design system" decision. Values trace to
 * `faircamp-front/docs/ui-components.md` §1 / `Faircamp Onboarding v2.dc.html`.
 * Do not restyle — this is an intentional neo-brutalist dark look.
 */
:root {
  /* Color */
  --color-bg: #100f13;
  --color-surface: #1a1922;
  --color-surface-2: #201f29;
  --color-surface-3: #252430; /* artwork-preview backdrop, a hair lighter than surface-2 */
  --color-border-sub: #322f3c;
  --color-border-mut: #3a3744;
  --color-border-shell: #262330; /* page-shell chrome: header rule, footer rule */
  --color-ink: #f3f0e9;
  --color-muted: #9d99a6;
  --color-muted-2: #8b8792;
  --color-accent: #c2f24a;
  --color-accent-ink: #141319;
  --color-accent-wash: rgba(194, 242, 74, 0.08);
  --color-pink: #ff5cae;
  --color-coral: #ff7a66;
  --color-success: #57d18f;
  --color-info: #5ac8fa; /* transient "building" state, distinct in hue from --color-coral's failure red */
  --color-step-upcoming: #6d6979;

  /* Disabled-state colors — primary Button */
  --color-disabled-bg: #211f29;
  --color-disabled-border: #2a2834;
  --color-disabled-text: #605c6a;

  /* Shape — radius scale is derived */
  --radius-sm: 9px; /* compact fields, icon button */
  --radius-md: 10px; /* default fields */
  --radius-lg: 11px; /* large fields, rectangular buttons */
  --radius-xl: 12px; /* DropZone */
  --radius-pill: 999px; /* badge pills, sample pill */

  /* Borders — 2px signature + 2 documented exceptions */
  --border-width: 2px;
  --border-width-thin: 1.5px; /* icon Button only */
  --border-width-hairline: 1px; /* badge pills only */

  /* Elevation — hard offset shadow, never soft/blurred */
  --shadow-offset: 4px 4px 0; /* use: box-shadow: var(--shadow-offset) var(--color-*) */

  /* Focus ring */
  --focus-ring-color: rgba(194, 242, 74, 0.22);
  --focus-ring: 0 0 0 3px var(--focus-ring-color);

  /* Type scale */
  --text-large: 18px; /* band/release title TextField */
  --text-default: 16px; /* bio-weight default TextField */
  --text-compact: 15px; /* artist-name-weight compact TextField */
  --text-compact-mono: 13px; /* link-label mono compact TextField */
}