/* Byaku Studio — design tokens (single source of truth for the brand colour ramp).
   Loaded after each page's inline styles so these values win, unifying the purples
   and filling in the missing semantic tints. Only colour tokens live here; layout
   tokens (--side-w, --radius, shadows) stay per page. */
:root {
  /* Purple ramp — one coherent scale built around the brand #7358d0 */
  --purple-50:  #f2effb;
  --purple-100: #e4ddf7;
  --purple-200: #cabff0;
  --purple-300: #a892e6;
  --purple-400: #8a6fdd;
  --purple-500: #7358d0;
  --purple:     #7358d0;   /* brand */
  --purple-600: #5e46b0;
  --purple-700: #4a3792;

  /* Aliases kept for existing markup */
  --purple-tint:   #f2effb;
  --purple-tint-2: #e4ddf7;
  --grad: linear-gradient(135deg, #8a6fdd 0%, #4a3792 100%);

  /* Semantic states (adds the previously-missing --err-tint) */
  --ok:   #1f9d6b;  --ok-tint:   #e6f6ee;
  --warn: #c07d00;  --warn-tint: #fdf3e0;
  --err:  #c0392b;  --err-tint:  #fbeae7;

  /* Dark sidebar accents derived from the same brand purple */
  --side-active: rgba(115, 88, 208, .30);
  --side-hover:  rgba(238, 240, 251, .08);
}