/* SEOBLASTOFF theme layer on og-tokens.css v1.0
   Allowed here: accent + brand colors + brand display face. Nothing else.
   Colors sampled from brand/social/og-card-1200x630.png and brand/logo/logo-full.png. */
@font-face {
  font-family: "Fredoka"; src: url("fonts/Fredoka-Variable.ttf") format("truetype");
  font-weight: 300 700; font-stretch: 75% 125%; font-display: swap;
}
:root {
  /* Brand palette (rocket) */
  --sbo-space: #081125;   /* og-card background */
  --sbo-navy:  #0d1e3a;   /* icon badge / apple-touch bg */
  --sbo-gold:  #fdd341;   /* "SEO" wordmark */
  --sbo-cyan:  #90e9fa;   /* "BLASTOFF" wordmark */
  --sbo-blue:  #4db2e6;   /* fins */
  --sbo-red:   #fd694d;   /* nose cone — decorative only, never text */

  /* ONE accent = gold */
  --og-accent: var(--sbo-gold);
  --og-accent-ink: var(--sbo-space);    /* 12.9:1 on gold */
  --og-accent-soft: #fff4c7;

  /* Brand band (nav, hero, footer) */
  --og-brand-bg: var(--sbo-navy);
  --og-brand-bg-2: var(--sbo-space);
  --og-brand-fg: #ffffff;
  --og-brand-muted: #c3cfe0;            /* 11.6:1 on space */
  --og-brand-line: rgba(144,233,250,.18);
  --og-brand-hi: var(--sbo-cyan);

  /* Brand display face (headings + wordmark only) */
  --og-font-display: "Fredoka", var(--og-font-ui);
}
/* Wordmark: text, two-tone, matches og-card */
.sbo-word { font-family: var(--og-font-display); font-weight: 700; letter-spacing: .01em; }
.sbo-word__a { color: var(--sbo-gold); font-weight: 700; }
.sbo-word__b { color: var(--sbo-cyan); margin-left: .12em; }