/* Colors and marks come from the Linq product registry: GitLinq / P05. */
:root {
  --accent: var(--linq-gitlinq-light);
  --accent-strong: var(--linq-gitlinq-light);
  --tint: color-mix(in srgb, var(--linq-gitlinq-light) 6%, var(--bg));
}
html.dark {
  --accent: var(--linq-gitlinq-dark);
  --accent-strong: var(--linq-gitlinq-dark);
  --tint: color-mix(in srgb, var(--linq-gitlinq-dark) 10%, var(--bg));
}
::selection { background: var(--accent-strong); color: var(--bg); }
.button.primary:hover { color: var(--bg); }
.product-identity { display: flex; align-items: center; gap: 1.35rem; margin-bottom: 1.25rem; }
.product-mark { display: inline-flex; width: 3.6rem; height: 3.6rem; flex: none; }
.product-mark img { display: block; width: 100%; height: 100%; }
.product-identity strong { display: block; font-size: 1.7rem; font-weight: 650; line-height: 1.3; letter-spacing: -.025em; }
.product-identity small { display: block; font-size: .75rem; color: var(--muted); margin-top: .15rem; }
.mark-dark, html.dark .mark-light { display: none !important; }
html.dark .mark-dark { display: block !important; }
.window-bar .product-mark { width: 1.5rem; height: 1.5rem; }
.app-window { --accent: #2455C5; --accent-strong: #2455C5; --tint: #EFF4FF; }
html.dark .app-window { --accent: #8AACF8; --accent-strong: #8AACF8; --tint: #17223B; }
.doc-brand { display: inline-flex; align-items: center; gap: .7125rem; }
.doc-brand strong { font-weight: 650; letter-spacing: -.015em; }
.doc-brand .product-mark { width: 1.9rem; height: 1.9rem; padding: 0; }
.doc-brand .doc-brand-label { padding: 0; }
@media (max-width: 480px) { .doc-brand .product-mark { display: inline-flex; } .doc-brand .doc-brand-label { display: none; } }
@media print { html.dark { --accent: var(--linq-gitlinq-light); --accent-strong: var(--linq-gitlinq-light); --tint: #f4f4f5; } }