/*
  Logo-led Nocturne. Rebuilt 2026-09-23 on founder direction ("i liked my blue and indigo type
  logo", "nocturne is probably the nicest", "look at altspeak ... to get the shades and premium
  effect"). The lavender/Bodoni Nocturne, Lucid and Ember candidates were rejected and live in
  git history at 403ea39.

  Colour belongs to the mark. The brand gradient is the kit's RENDERED type, sampled from
  brand/brand-kit-2026-09-21.png ("Brand Kit": #5232FC -> #2B6AFE -> #128EFC -> #16BBFA), which
  matches the logo ribbon (#4010F0 / #1060F0 / #30C0F0). The ground takes AltSpeak's tuned dark
  roles (AltSpeak frontend/src/index.css :root: #0a0a0f, #141420, #1e293b, #e2e8f0, #8896ab).

  Measured (WCAG 2.x ratio):
    fg       #E2E8F0  16.0 on bg, 14.8 on surface
    muted    #B0BACB  10.1 on bg,  9.3 on surface
    subtle   #8896AB   6.6 on bg,  6.1 on surface, 5.7 on surface-2
    display gradient now follows the founder-requested AltSpeak tint: #70CFEC / #A78BFA / #70CFEC; minimum 7.254 on bg
    action   white on #4A2DF5 7.0, on #1D5BF0 5.5 (the fill stops at blue so the label passes)
    line #1E293B and line-strong #334155 are borders and disabled only, never text
  Founder, 23 Sep evening, with the original logo PNG: "the sharp contrast of white and black ...
  then the gradient underneath is what makes this a beautiful logo". So the ground is neutral
  black and type is white; the ribbon gradient (#5A30FA / #2340F7 / #1DADFD, sampled from the
  PNG) is drawn under emphasised words (landing-v2.css, board.css), never as tinted text: its
  indigo stop is 2.8:1 on black, too dark to carry letters.
  Measured on #000: fg #FFFFFF 21.0, muted #C7C7CC 12.47, subtle #8E8E93 6.441; subtle on surface-2 5.593.
*/
[data-brand="nocturne"] {
  --dw-bg: #000000;
  --dw-deep: #000000;
  --dw-surface: #0E0E10;
  --dw-surface-2: #151517;
  --dw-surface-3: #1C1C1F;
  --dw-line: #232326;
  --dw-line-strong: #38383C;
  --dw-fg: #FFFFFF;
  --dw-muted: #C7C7CC;
  --dw-subtle: #8E8E93;
  --dw-indigo: #4A2DF5;
  --dw-blue: #1D5BF0;
  --dw-cyan: #16BBFA;
  --dw-focus: #22C3F5;
  --dw-action: linear-gradient(90deg, #4A2DF5, #1D5BF0);
  --dw-action-ink: #FFFFFF;
  --dw-action-glow: 0 10px 32px -10px rgb(43 106 254 / 70%), 0 0 0 1px rgb(22 187 250 / 14%);
  --dw-type-gradient: linear-gradient(90deg, #5A30FA, #2340F7 48%, #1DADFD);
  --dw-body: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --dw-wordmark: "Sora", system-ui, sans-serif;
  --dw-button-radius: 10px;
  --dw-panel-radius: 16px;
}

/*
  Sora was selected by the founder. Historical alternative rules are retained below
  for source history only; the current renderer fixes data-type to sora.
*/
[data-type="sora"] {
  --dw-display: "Sora", system-ui, sans-serif;
  --dw-display-weight: 700;
  --dw-display-tracking: -0.035em;
  --dw-display-leading: 1.08;
  --dw-h1: 46px;
  --dw-h1-phone: 32px;
  --dw-hl-style: normal;
}
[data-type="unbounded"] {
  --dw-display: "Unbounded", system-ui, sans-serif;
  --dw-display-weight: 600;
  --dw-display-tracking: -0.03em;
  --dw-display-leading: 1.12;
  --dw-h1: 40px;
  --dw-h1-phone: 27px;
  --dw-hl-style: normal;
}
[data-type="instrument"] {
  --dw-display: "Instrument Serif", Georgia, serif;
  --dw-display-weight: 400;
  --dw-display-tracking: -0.01em;
  --dw-display-leading: 1.02;
  --dw-h1: 60px;
  --dw-h1-phone: 42px;
  --dw-hl-style: italic;
}