/* ============================================================
   SEAN CHI — brand system (single source of truth)
   Electric-blue tech-house identity. Import into any page.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  /* core palette */
  --bg:        #06070a;   /* near-black base */
  --bg-2:      #0a0d12;   /* raised surface  */
  --ink:       #f4f6fa;   /* primary text    */
  --muted:     rgba(244,246,250,0.42);
  --hair:      rgba(244,246,250,0.10);

  /* electric blue ramp */
  --v1:        #67e8ff;   /* cyan   */
  --v2:        #2b8bff;   /* blue   */
  --v3:        #1140d8;   /* deep   */
  --grad:      linear-gradient(160deg, var(--v1) 0%, var(--v2) 50%, var(--v3) 100%);
  --grad-flat: #2b8bff;

  /* type */
  --display: 'Sora', system-ui, sans-serif;
  --mono:    'JetBrains Mono', ui-monospace, monospace;

  /* radii / glow */
  --r: 10px;
  --glow: drop-shadow(0 0 20px rgba(43,139,255,0.42)) drop-shadow(0 0 56px rgba(17,64,216,0.28));
}

*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;}

/* ---- shared helpers ---- */
.brand-grad{
  background:var(--grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.brand-glow{filter:var(--glow);}

/* ---- the wordmark (split color: SEAN ink / CHI electric) ---- */
.wordmark{
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  line-height:1;letter-spacing:-0.05em;white-space:nowrap;display:inline-flex;
}
.wordmark .sean{color:var(--ink);}
.wordmark .chi{
  background:var(--grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.wordmark .sp{display:inline-block;width:0.3em;}
/* reverse (on light) */
.wordmark.rev .sean{color:var(--bg);}

/* stacked variant */
.wordmark.stack{flex-direction:column;text-align:center;line-height:0.86;letter-spacing:-0.03em;white-space:normal;}