/* Asset facts only; generated from site-brand.json and the supplied pixels. */

:root {
  
  --rush-accent-rgb: 253 227 0;                       
  --rush-accent: rgb(var(--rush-accent-rgb));
  --rush-accent-hover: #fff06a;
  --rush-accent-deep: #f0d800;                        
  --rush-accent-dim: #d8c200;

  
  --rush-bg: #080808;
  --rush-bg-warm-rgb: 8 8 6;                          
  --rush-bg-warm: rgb(var(--rush-bg-warm-rgb));
  --rush-bg-raised: #0b0b0b;
  --rush-bg-card: #111111;
  --rush-bg-band: #151414;                            
  --rush-bg-menu: #10100b;
  --rush-ember-rgb: 136 12 5;                         

  
  --rush-fg: #f0e3de;                                 
  --rush-fg-bright: #f6f4df;
  --rush-logo-hover: #ffffff;
  --rush-fg-soft: #d4d1bc;
  --rush-muted: #96937e;
  --rush-ink: #090907;                                

  
  --rush-font-sans: "FT Kunst Grotesk", sans-serif;
  --rush-font-mono: "Apercu Mono Pro", monospace;
  --rush-font-slogan: Georgia, "Times New Roman", serif;
  --rush-slogan-size: 14px;
  --rush-slogan-style: italic;
  --rush-slogan-weight: 400;
  --rush-slogan-leading: 1.3;
  --rush-slogan-gap: 6px;

  
  --rush-asset-banner: url("../assets/youtube-banner.jpg");
  --rush-asset-avatar: url("../assets/youtube-avatar.jpg");
  --rush-wordmark-header-height: 40px;
  --rush-wordmark-footer-height: 48px;

  
  --rush-header-h: 72px;
  --rush-shell: 1480px;
  --rush-col: 1120px;
}




.rush-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 12px 24px;
  font-family: var(--rush-font-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 9999px;
  cursor: pointer;
  transition: background-color 0.16s ease-out, border-color 0.16s ease-out, color 0.16s ease-out;
}
.rush-btn--primary { color: var(--rush-ink); background: var(--rush-accent); border-color: var(--rush-accent); }
.rush-btn--primary:hover,
.rush-btn--primary:focus-visible { background: var(--rush-accent-hover); border-color: var(--rush-accent-hover); }
.rush-btn--ghost { color: var(--rush-accent); background: rgb(var(--rush-bg-warm-rgb) / 0.78); border-color: rgb(var(--rush-accent-rgb) / 0.55); }
.rush-btn--ghost:hover,
.rush-btn--ghost:focus-visible { background: rgb(var(--rush-accent-rgb) / 0.1); }
.rush-btn[disabled] { cursor: not-allowed; opacity: 0.55; }
.rush-btn-row { display: flex; flex-wrap: wrap; gap: 8px; }
.rush-btn:focus-visible { outline: 2px solid var(--rush-accent); outline-offset: 4px; }


.rush-note {
  margin: 0;
  color: var(--rush-muted);
  font-family: var(--rush-font-mono);
  font-size: 11.5px;
  line-height: 1.6;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  :root { --rush-wordmark-header-height: 30px; }
  .rush-btn-row .rush-btn { width: 100%; }
}

/* Match the base dark theme's specificity for accent roles only. Native portal
   hover utilities read these variables; foreground/surface exceptions stay put. */
:root.dark {
  --color-accent-100: var(--rush-accent);
  --color-accent-200: var(--rush-accent-dim);
  --color-dark-accent: var(--rush-accent);
}