/* Kit gold → --os-*. Catalog-scoped. Do not copy into deploy/_shared. */

[data-family="premium"] {
  --os-premium-0: #f7f8fb;
  --os-premium-1: #e4e7f1;
  --os-premium-2: #cbd1e4;
  --os-premium-3: #adb6d3;
  --os-premium-4: #8d99c1;
  --os-premium-5: #6c7bab;
  --os-premium-6: #4e5e92;
  --os-premium-7: #3a4874;
  --os-premium-8: #2a3459;
  --os-premium-9: #1b2340;
  --os-premium-10: #101528;
  --os-premium-11: #070a14;
  --os-fam-ground: #f2f3f7;
  --os-fam-surface: #fafbfd;
  --os-fam-border: #d5dae7;
  --os-fam-text: #0c1120;
  --os-fam-muted: #5c6478;
  --os-fam-accent: #3a4874;
  --os-fam-mark: #4e5e92;
  --os-night-fam-ground: #0c1120;
  --os-night-fam-surface: #161c2e;
  --os-night-fam-border: #2a3244;
  --os-night-fam-text: #eaedf5;
  --os-night-fam-muted: #98a0b4;
  --os-night-fam-accent: #a6b3dc;
  --os-night-fam-mark: #8d99c1;
  --os-ground: var(--os-fam-ground);
  --os-ink: var(--os-fam-text);
  --os-muted: var(--os-fam-muted);
  --os-rule: var(--os-fam-border);
}

[data-family="premium"][data-night="1"],
[data-family="premium"][data-theme="night"] {
  --os-fam-ground: var(--os-night-fam-ground);
  --os-fam-surface: var(--os-night-fam-surface);
  --os-fam-border: var(--os-night-fam-border);
  --os-fam-text: var(--os-night-fam-text);
  --os-fam-muted: var(--os-night-fam-muted);
  --os-fam-accent: var(--os-night-fam-accent);
  --os-fam-mark: var(--os-night-fam-mark);
  --os-ground: var(--os-night-fam-ground);
  --os-ink: var(--os-night-fam-text);
  --os-muted: var(--os-night-fam-muted);
  --os-rule: var(--os-night-fam-border);
}

/* Catalog-only extra wears. Tokens only. Do not copy into deploy/_shared. */
.os-grad-matte {
  background:
    linear-gradient(
      165deg,
      color-mix(in srgb, var(--os-fam-accent) 18%, var(--os-fam-surface, var(--os-ground))) 0%,
      var(--os-fam-surface, var(--os-ground)) 58%,
      color-mix(in srgb, var(--os-fam-mark) 14%, var(--os-fam-ground, var(--os-ground))) 100%
    );
}

.os-grad-void-crown {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--os-fam-mark) 28%, var(--os-ground-void)) 0%,
      var(--os-ground-void) 52%,
      var(--os-ground-absorptive) 100%
    );
}