/* c001-tokens.css — LIGHT BASE */

:root{

  /* PAGE */
  --bg: #ffffff;

  /* PANELS */
  --panel: #ffffff;
  --panel2: #f6f7f9;

  /* TEXT */
  --text: #0f172a;
  --muted: #6b7280;

  /* BORDERS */
  --line: #e5e7eb;

  /* BRAND */
  --brand: #2563eb;

  /* RADII */
  --radius: 16px;
  --radius-sm: 12px;

  /* SHADOW (lighter for white UI) */
  --shadow: 0 10px 28px rgba(0,0,0,0.08);

  /* LAYOUT */
  --pageMax: 1200px;
  --gap: 16px;
}

body{
  background: var(--bg);
  color: var(--text);
}