:root {
  --ga-bg: #f4f5f8;
  --ga-surface: #ffffff;
  --ga-surface-2: #f0f1f5;
  --ga-ink: #1d2230;
  --ga-ink-2: #5b6378;
  --ga-ink-3: #9aa1b4;
  --ga-line: #e6e8ef;
  --ga-line-2: #d6d9e4;
  --ga-indigo: #0d47a1;
  --ga-indigo-2: #1565c0;
  --ga-teal: #0d9488;
  --ga-teal-2: #14b8a6;
  --ga-coral: #e0445e;
  --ga-coral-2: #f0617a;
  --ga-amber: #d97706;
  --ga-amber-2: #f59e0b;
  --ga-violet: #1976d2;
  --ga-sky: #0284c7;
  --ga-shadow: 0 18px 44px -22px rgba(40, 45, 70, 0.4);
  --ga-shadow-sm: 0 4px 14px -6px rgba(40, 45, 70, 0.22);
  --ga-radius: 22px;
  --ga-radius-sm: 15px;
  --ga-accent-soft: rgba(13, 71, 161, 0.1);
  --ga-accent-glow: rgba(13, 71, 161, 0.45);
  --ga-brand-my: #1a1a1a;
  --ga-brand-mark-size: 40px;
  --ga-brand-star-size: 30px;
  --ga-brand-name-size: 36px;
  --ga-brand-gap: 12px;
}

.ga-brand-wordmark {
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
}

.ga-brand-name {
  font-size: var(--ga-brand-name-size);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
}

.ga-brand-my {
  color: var(--ga-brand-my);
}

.ga-brand-bookmarks {
  color: var(--ga-indigo);
}

.ga-brand-mark .ga-brand-star-img {
  width: var(--ga-brand-star-size);
  height: var(--ga-brand-star-size);
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}