:root{
  /* Component tokens (safe knobs that won't break other areas) */

  /* Header / brand bar */
  --rt-header-bg:color-mix(in srgb, var(--rt-surface) 88%, transparent);
  --rt-header-border:var(--rt-border);

  /* Search */
  --rt-search-bg:rgba(255,255,255,.05);
  --rt-search-border:rgba(255,255,255,.12);
  --rt-search-radius:var(--rt-radius-pill);
  --rt-search-glow:none;

  /* Chip rail */
  --rt-chip-bg:rgba(255,255,255,.035);
  --rt-chip-border:rgba(255,255,255,.12);
  --rt-chip-text:var(--rt-text);
  --rt-chip-active-bg:color-mix(in srgb, var(--rt-accent) 26%, transparent);
  --rt-chip-active-border:color-mix(in srgb, var(--rt-accent) 55%, var(--rt-border));
  --rt-chip-active-glow:none;

  /* Cards */
  --rt-card-bg:var(--rt-card);
  --rt-card-border:rgba(255,255,255,.08);
  --rt-card-radius:calc(var(--rt-radius) + 2px);
  --rt-card-shadow:var(--rt-shadow-soft);
  --rt-card-hover-lift:8px;     /* px translateY */
  --rt-card-hover-shadow:var(--rt-shadow-med);
  --rt-card-hover-glow:none;

  /* Badges */
  --rt-badge-radius:999px;
  --rt-badge-bg:rgba(0,0,0,.55);
  --rt-badge-text:#fff;
  --rt-badge-border:rgba(255,255,255,.12);

  /* Buttons */
  --rt-btn-bg:var(--rt-accent);
  --rt-btn-text:#fff;
  --rt-btn-radius:calc(var(--rt-radius) - 2px);
  --rt-btn-shadow:none;
}