/* Maki's Club — color tokens.
   Six hexes, nothing else. Every color in a design is one of these (or an rgba of one).
   Usage ratio target: lacquer 60 / ivory 25 / scarlet 10 / violet 5. */
:root {
  /* ── Base palette ── */
  --mk-lacquer: #141018;   /* page / canvas background */
  --mk-surface: #1C1722;   /* cards, tiles, panels on lacquer */
  --mk-ivory:   #F4EFE4;   /* text on dark, light surfaces, keys */
  --mk-scarlet: #E23B4E;   /* THE signal — one per composition */
  --mk-violet:  #7A5FB4;   /* links, ambient accents */
  --mk-smoke:   #8F8A9B;   /* secondary text on dark only */
  --mk-smoke-dark: #6E6879; /* secondary text on ivory (derived, dark-book only) */

  /* Hairline / border strokes (all rgba of palette colors) */
  --mk-line-ivory:  rgba(244, 239, 228, 0.08);  /* panel edge on lacquer */
  --mk-line-ivory-strong: rgba(244, 239, 228, 0.25); /* secondary button border */
  --mk-line-violet: rgba(122, 95, 180, 0.35);    /* tile / accent hairline */
  --mk-line-dark:   rgba(20, 16, 24, 0.12);      /* border on ivory surfaces */

  /* Scarlet interaction states (pressed = darker, never lighter) */
  --mk-scarlet-press: #C22E3F;
  --mk-scarlet-glow:  rgba(226, 59, 78, 0.80);   /* live-dot halo only */

  /* ── Semantic aliases ── */
  --mk-bg:            var(--mk-lacquer);
  --mk-bg-inverse:    var(--mk-ivory);
  --mk-surface-card:  var(--mk-surface);
  --mk-surface-sunken:#0E0B12;                   /* code blocks, insets */
  --mk-text:          var(--mk-ivory);
  --mk-text-inverse:  var(--mk-lacquer);
  --mk-text-muted:    var(--mk-smoke);
  --mk-signal:        var(--mk-scarlet);
  --mk-link:          var(--mk-violet);
  --mk-focus-ring:    var(--mk-scarlet);
  --mk-border:        var(--mk-line-ivory);
  --mk-border-strong: var(--mk-line-ivory-strong);
}