aiblueprint-cli 1.4.74 → 1.4.76

package/agents-config/skills/use-style/styles/new-york-times.md

@@ -0,0 +1,277 @@
+# New York Times Style
+
+Print-newspaper editorial. Serif-driven, hairline rules, multi-column grids, near-zero color. Reads like a broadsheet, not an app.
+
+**Reference vibe:** The New York Times home page, article pages, and opinion section.
+
+---
+
+## Core vibe
+
+- **Editorial, not product.** Authority and reading comfort over UI chrome.
+- **Serif headlines.** Display serif for every headline and deck. Sans is for kickers and metadata only.
+- **Black ink on paper white.** `#fff` page, `#121212` ink. Color is an accent, almost never a fill.
+- **Hairline rules define structure.** Thin black/gray lines separate stories and columns. No cards, no shadows, no radius.
+- **Multi-column grid.** A wide main column + a divided sidebar, stories stacked with rules between them.
+- **Tight, dense type.** Headlines `leading-none`-ish, generous reading measure for body (`~38ch` per column).
+- **Blackletter masthead.** The wordmark is Old English; everything else is Cheltenham/Franklin.
+
+---
+
+## Color
+
+Portable palette. Map to project tokens when available.
+
+| Role | Hex | CSS var (suggested) | Usage |
+|------|-----|---------------------|-------|
+| Paper | `#ffffff` | `--nyt-bg` | Page background |
+| Wash | `#f7f7f7` | `--nyt-wash` | Rare inset blocks, audio rows |
+| Ink | `#121212` | `--nyt-fg` | Headlines, body, rules |
+| Slate | `#363636` | `--nyt-slate` | Deck / summary text |
+| Muted | `#666666` | `--nyt-muted` | Bylines, credits, "min read" |
+| Faint | `#999999` | `--nyt-faint` | Photo credits, timestamps |
+| Rule | `#121212` | `--nyt-rule` | Primary hairline dividers |
+| Rule light | `#e2e2e2` | `--nyt-rule-light` | Secondary inner dividers |
+| Link blue | `#326891` | `--nyt-link` | Text links (hover underline) |
+| Subscribe blue | `#567b95` | `--nyt-blue` | Subscribe button fill |
+| Live red | `#d0021b` | `--nyt-red` | LIVE markers, market drop, breaking |
+
+### Tailwind mapping (when no project tokens)
+
+```css
+:root {
+  --nyt-bg: #fff;
+  --nyt-fg: #121212;
+  --nyt-slate: #363636;
+  --nyt-muted: #666;
+  --nyt-rule: #121212;
+  --nyt-rule-light: #e2e2e2;
+  --nyt-link: #326891;
+  --nyt-red: #d0021b;
+}
+```
+
+**Rule:** The page is black-and-white. Red is reserved for LIVE / breaking / market loss. Blue is reserved for links and the subscribe button. Never tint backgrounds.
+
+---
+
+## Typography
+
+The heart of the style. Three faces, strict roles.
+
+### Font stacks
+
+| Role | Stack | Open substitute |
+|------|-------|-----------------|
+| Headline / deck / body (serif) | `"nyt-cheltenham", Georgia, "Times New Roman", serif` | `"Source Serif 4"` or Georgia |
+| Body long-read (serif) | `"nyt-imperial", Georgia, serif` | Georgia |
+| Kicker / nav / label / byline (sans) | `"nyt-franklin", "Libre Franklin", Helvetica, Arial, sans-serif` | `"Libre Franklin"` (the open NYT Franklin) |
+| Masthead wordmark (blackletter) | `"Old English Text MT", "UnifrakturCook", serif` | `"UnifrakturCook:wght@700"` |
+
+Load via Google Fonts: `Libre+Franklin:wght@400;500;600;700`, `Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700`, `UnifrakturCook:wght@700`.
+
+### Scale
+
+| Level | Font | Pattern |
+|-------|------|---------|
+| Masthead | Blackletter | `text-4xl md:text-6xl text-center text-[#121212]` |
+| Lead headline | Serif | `text-3xl md:text-4xl font-bold leading-[1.05] tracking-[-0.01em]` |
+| Story headline | Serif | `text-xl md:text-2xl font-bold leading-tight` |
+| Small headline | Serif | `text-lg font-bold leading-snug` |
+| Deck / summary | Serif | `text-base md:text-lg leading-snug text-[#363636]` |
+| Body | Serif | `text-[17px] leading-[1.6] text-[#121212]` |
+| Kicker / section label | Sans | `text-xs font-bold uppercase tracking-[0.05em]` |
+| Byline / min read / credit | Sans | `text-xs uppercase tracking-wide text-[#666]` |
+| Nav | Sans | `text-sm text-[#363636]` |
+
+### Kickers & labels (the NYT tell)
+
+Small, bold, uppercase, **sans-serif**, often above or inline with a headline. Red for live, ink for sections.
+
+```tsx
+<p className="font-sans text-xs font-bold uppercase tracking-wider text-[#d0021b]">Live</p>
+<p className="font-sans text-xs font-bold uppercase tracking-wider text-[#121212]">The Headlines</p>
+<span className="font-sans text-xs uppercase tracking-wide text-[#666]">4 Min Read</span>
+```
+
+---
+
+## Layout tokens
+
+| Token | Value |
+|-------|-------|
+| `NYT_SHELL` | `mx-auto w-full max-w-[1200px] px-4 sm:px-6` |
+| `NYT_SECTION` | `py-6 md:py-8` |
+| `NYT_COL_GAP` | `gap-5 md:gap-8` |
+| `NYT_MEASURE` | `max-w-[38ch]` (body reading column) |
+
+### Home grid (lead + sidebar)
+
+A wide left region and a rule-divided right rail. The vertical rule between them is the signature.
+
+```tsx
+<div className="grid grid-cols-1 lg:grid-cols-[1fr_360px]">
+  <div className="lg:border-r lg:border-[#121212] lg:pr-8">{lead}</div>
+  <aside className="lg:pl-8">{rail}</aside>
+</div>
+```
+
+### Story block (image + text columns)
+
+```tsx
+<article className="grid grid-cols-1 md:grid-cols-2 gap-5">
+  <div>
+    <h2 className="font-serif text-2xl font-bold leading-tight">China Builds an Economic Fortress...</h2>
+    <p className="mt-2 font-serif text-base leading-snug text-[#363636]">Beijing says the changes are needed...</p>
+    <span className="mt-3 block font-sans text-xs uppercase tracking-wide text-[#666]">4 Min Read</span>
+  </div>
+  <figure>
+    <img className="w-full" />
+    <figcaption className="mt-1 text-right font-sans text-xs text-[#999]">Jade Gao/AFP - Getty</figcaption>
+  </figure>
+</article>
+```
+
+---
+
+## Rules & dividers (no borders-as-boxes)
+
+Structure comes from lines, never from rounded boxes or shadows.
+
+| Context | Rule |
+|---------|------|
+| Section top (heavy) | `border-t-2 border-[#121212]` |
+| Between stacked stories | `border-t border-[#121212]` |
+| Inner / soft separators | `border-t border-[#e2e2e2]` |
+| Column divider | `border-r border-[#121212]` |
+| Masthead underline | thick rule below nav: `border-b-2 border-[#121212]` |
+
+Stories are separated by hairline rules with vertical padding, **not** wrapped in cards.
+
+```tsx
+<div className="divide-y divide-[#121212]">
+  {stories.map((s) => <article key={s.id} className="py-6">{...}</article>)}
+</div>
+```
+
+---
+
+## Masthead & top bar
+
+```tsx
+<header>
+  <div className="flex items-center justify-between py-2 font-sans text-xs">
+    <span>Friday, June 5, 2026</span>
+    <nav className="hidden gap-4 sm:flex uppercase tracking-wide text-[#363636]">
+      <a className="text-[#121212] font-bold">International</a><a>Canada</a><a>Español</a>
+    </nav>
+    <span className="text-[#666]">S&P 500 <span className="text-[#d0021b]">-0.98% ↓</span></span>
+  </div>
+  <h1 className="py-2 text-center font-[blackletter] text-5xl md:text-6xl">The New York Times</h1>
+  <nav className="flex justify-center gap-5 border-y-2 border-[#121212] py-3 font-serif text-base">
+    <a>U.S.</a><a>World</a><a>Business</a><a>Arts</a>...
+  </nav>
+</header>
+```
+
+- Date left, market/utility right, masthead centered.
+- Section nav centered, framed by **two heavy rules** (top + bottom).
+- A LIVE strip can sit under the nav: red `LIVE` + sans uppercase headlines, separated by `·`.
+
+---
+
+## Component patterns
+
+### Buttons (subscribe / log in)
+
+```tsx
+// Subscribe (filled NYT blue)
+<button className="bg-[#567b95] px-4 py-2 font-sans text-xs font-bold uppercase tracking-wide text-white">
+  Subscribe for €0.50/week
+</button>
+// Log in (outline)
+<button className="border border-[#121212] px-4 py-2 font-sans text-xs font-bold uppercase tracking-wide text-[#121212]">
+  Log in
+</button>
+```
+
+Square corners. No shadow. Uppercase sans label.
+
+### Text link
+
+```tsx
+<a className="text-[#326891] hover:underline">See more updates ›</a>
+```
+
+Body links: ink with underline, or NYT blue. Hover always underlines.
+
+### Audio / row item
+
+```tsx
+<div className="flex items-center gap-4 border-t border-[#121212] py-5">
+  <img className="h-16 w-16 object-cover" />
+  <div>
+    <p className="font-sans text-xs font-bold uppercase tracking-wide">The Headlines <span className="text-[#666]">Audio</span></p>
+    <h3 className="mt-1 font-serif text-xl font-bold leading-snug">Trump's Strategy to Push Out Immigrants...</h3>
+    <span className="font-sans text-xs uppercase tracking-wide text-[#666]">14 Min Listen</span>
+  </div>
+</div>
+```
+
+### Photo credit
+
+```tsx
+<figcaption className="mt-1 text-right font-sans text-xs text-[#999]">Ryan McGinley</figcaption>
+```
+
+### Data / numbers (when an editorial page shows stats)
+
+Use serif for big figures, sans uppercase for the label, a single accent (red for negative, ink for positive). Tabular nums.
+
+```tsx
+<div>
+  <p className="font-sans text-xs uppercase tracking-wide text-[#666]">Output value</p>
+  <p className="font-serif text-4xl font-bold tabular-nums">$977</p>
+</div>
+```
+
+---
+
+## Charts (editorial data viz)
+
+When charting on this style, keep it print-like:
+
+- Series in **grayscale** (`#121212`, `#666`, `#bbb`, `#e2e2e2`); at most **one** accent (`#d0021b` for the highlighted/negative series).
+- Gridlines `#e2e2e2`, axis text sans (`Libre Franklin`) muted.
+- Square bars (small or no radius), no glow, flat fills.
+- Tooltip: ink background `#121212`, white text.
+- Chart titles serif bold; axis labels sans uppercase.
+
+---
+
+## Motion & effects
+
+- Essentially none. This is print.
+- Hover: links underline; headlines may shift to `#326891` or stay ink.
+- No transforms, no shadows, no fades on scroll, no card lift.
+
+---
+
+## Anti-patterns
+
+| Avoid | Why |
+|-------|-----|
+| Sans-serif headlines | Headlines are serif; sans is for kickers/labels only |
+| Rounded corners on stories/images | Editorial is square; cards break the broadsheet feel |
+| `shadow-*`, `ring-*`, gradients | Structure is rules, not depth |
+| Tinted/colored backgrounds | Paper stays white; color is accent only |
+| Color beyond red (live/loss) + blue (links/subscribe) | One accent each, used sparingly |
+| Wrapping stories in bordered cards | Use hairline rules + padding instead |
+| Wide body measure (full-width paragraphs) | Keep reading columns near `38ch` |
+| Emoji / playful icons | Out of register for a newspaper |
+
+---
+
+## Project overrides
+
+If the repo defines `.agents/styles/new-york-times.md` or `.agents/styles/nyt-theme.md`, prefer those tokens and components over this portable spec.

package/agents-config/skills/use-style/styles/raycast.md

@@ -0,0 +1,285 @@
+# Raycast Style
+
+Glossy dark product marketing. Near-black canvas, red accent, soft glow gradients, floating glass nav, oversized bold pricing, large-radius cards. Premium and refined - the opposite of flat.
+
+**Reference vibe:** raycast.com (pricing, marketing, footer).
+
+---
+
+## Core vibe
+
+- **Dark and glossy.** Near-black canvas with subtle red glow gradients bleeding from the top. Depth via light, not lines.
+- **Red accent.** Raycast red `#FF6363` for the logo, sparkles, highlights. Used as a glow and a spark, rarely a flat fill.
+- **Floating glass chrome.** The nav is a detached pill/bar with a translucent fill, `backdrop-blur`, and a faint border.
+- **Big bold pricing.** Oversized white numerals (`$8`, `$16`) with a small mono `/ month`. Numbers are the hero.
+- **Large soft radius.** Cards at `rounded-3xl` (20-24px), subtle gradient fills, faint borders, soft inner glow.
+- **Refined Inter.** Clean sans everywhere; mono only for `/month`, prices-per-unit, tiny meta.
+- **Quiet muted body.** White headings, gray body, generous spacing. Color is the spark on a calm dark field.
+
+---
+
+## Color
+
+Portable palette. Map to project tokens when available.
+
+| Role | Hex | CSS var (suggested) | Usage |
+|------|-----|---------------------|-------|
+| Canvas | `#0A0A0A` | `--rc-bg` | Page background |
+| Canvas deep | `#000000` | `--rc-bg-deep` | Footer / deepest sections |
+| Surface | `#141414` | `--rc-surface` | Cards, panels |
+| Surface raised | `#1C1C1E` | `--rc-surface-raised` | Featured card, hover, inputs |
+| Glass | `rgba(20,20,20,0.6)` | `--rc-glass` | Floating nav fill (with blur) |
+| Ink | `#FFFFFF` | `--rc-fg` | Headings, prices, active nav |
+| Muted ink | `#A1A1A1` | `--rc-muted-fg` | Body, feature text, nav links |
+| Subtle ink | `#6B6B6B` | `--rc-subtle-fg` | Meta, struck prices, footer fine print |
+| Border | `#232323` | `--rc-border` | Card borders, dividers |
+| Border glass | `rgba(255,255,255,0.08)` | `--rc-border-glass` | Floating nav / glass outlines |
+| Red | `#FF6363` | `--rc-red` | Logo, sparkle, accents, glow |
+| Red deep | `#E5484D` | `--rc-red-deep` | Hover / stronger accent |
+| Blue | `#3B9EFF` | `--rc-blue` | Verified badge, secondary links |
+| Light | `#F5F5F5` | `--rc-light` | Light button fill (Download) |
+
+### Tailwind mapping (when no project tokens)
+
+```css
+:root {
+  --rc-bg: #0a0a0a;
+  --rc-surface: #141414;
+  --rc-surface-raised: #1c1c1e;
+  --rc-fg: #fff;
+  --rc-muted-fg: #a1a1a1;
+  --rc-border: #232323;
+  --rc-red: #ff6363;
+  --rc-blue: #3b9eff;
+}
+```
+
+### The red glow
+
+The signature top-of-page atmosphere: diagonal/radial red beams fading into black.
+
+```css
+background:
+  radial-gradient(60% 50% at 50% 0%, rgba(255,99,99,0.18), transparent 70%),
+  #0a0a0a;
+/* or diagonal beams */
+background-image: linear-gradient(115deg, transparent 40%, rgba(255,99,99,0.12) 50%, transparent 60%);
+```
+
+**Rule:** Keep the field dark and calm. Red appears as glow, logo, and spark - never as a big solid block.
+
+---
+
+## Typography
+
+### Font stacks
+
+| Role | Stack |
+|------|-------|
+| Sans (everything) | `Inter, "SF Pro Display", ui-sans-serif, system-ui, sans-serif` |
+| Mono (`/month`, units, meta) | `"Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, monospace` |
+
+### Scale
+
+| Level | Pattern |
+|-------|---------|
+| Hero | `text-5xl md:text-7xl font-semibold tracking-tight text-white` |
+| Price numeral | `text-6xl md:text-7xl font-bold tracking-tight text-white` |
+| Price unit | `font-mono text-sm text-[#6b6b6b]` (`/ month`) |
+| Card title | `text-xl font-semibold text-white` |
+| Card subtitle | `text-base text-[#a1a1a1]` |
+| Section heading | `text-2xl md:text-3xl font-semibold tracking-tight` |
+| Body / feature | `text-sm md:text-[15px] text-[#a1a1a1] leading-relaxed` |
+| Nav / button | `text-sm font-medium` |
+| Struck price | `text-sm text-[#6b6b6b] line-through` |
+
+---
+
+## Layout tokens
+
+| Token | Value |
+|-------|-------|
+| `RC_SHELL` | `mx-auto w-full max-w-6xl px-4 sm:px-6` |
+| `RC_SECTION` | `py-16 md:py-24` |
+| `RC_CARD_RADIUS` | `rounded-3xl` (cards) |
+| `RC_NAV_RADIUS` | `rounded-2xl` or `rounded-full` (floating nav) |
+| `RC_CARD_PAD` | `p-6 md:p-8` |
+
+### Page shell with glow
+
+```tsx
+<div className="relative min-h-screen bg-[#0a0a0a] text-white">
+  {/* top red glow */}
+  <div className="pointer-events-none absolute inset-x-0 top-0 h-[480px]
+    bg-[radial-gradient(60%_50%_at_50%_0%,rgba(255,99,99,0.18),transparent_70%)]" />
+  <FloatingNav />
+  <main className={cn(RC_SHELL, "relative")}>...</main>
+</div>
+```
+
+### Floating glass nav
+
+Detached from the top edge, translucent, blurred, faint border.
+
+```tsx
+<header className="sticky top-4 z-50 px-4">
+  <nav className="mx-auto flex max-w-6xl items-center justify-between rounded-2xl
+    border border-white/10 bg-[#141414]/60 px-5 py-3 backdrop-blur-xl">
+    <span className="flex items-center gap-2 font-semibold">
+      <Logo className="text-[#ff6363]" /> Raycast
+    </span>
+    <div className="hidden gap-7 text-sm text-[#a1a1a1] md:flex">
+      <a className="hover:text-white">Store</a>
+      <a className="rounded-md ring-1 ring-[#3b9eff]/60 px-2 py-0.5 text-white">Pricing</a>
+    </div>
+    <button className="rounded-xl bg-[#f5f5f5] px-4 py-2 text-sm font-medium text-black hover:bg-white"> Download</button>
+  </nav>
+</header>
+```
+
+---
+
+## Borders, radius & elevation
+
+| Context | Radius | Border | Fill |
+|---------|--------|--------|------|
+| Pricing / feature card | `rounded-3xl` | `border border-[#232323]` | gradient `#141414 → #0f0f0f` |
+| Featured card | `rounded-3xl` | `border border-white/10` + soft ring | raised `#1c1c1e`, faint glow |
+| Floating nav / glass | `rounded-2xl` / `full` | `border-white/10` | `bg-[#141414]/60 backdrop-blur-xl` |
+| Button (primary light) | `rounded-xl` | none | `#f5f5f5` |
+| Button (dark) | `rounded-xl` | `border-[#232323]` | `#1c1c1e` |
+| Input | `rounded-xl` | `border-[#232323]` | `#141414` |
+| Toggle pill | `rounded-full` | `border-[#232323]` | track `#141414` |
+
+Cards get a faint inner top highlight; the featured card gets a subtle outer glow. No hard offset shadows.
+
+---
+
+## Component patterns
+
+### Pricing card
+
+```tsx
+<div className="rounded-3xl border border-[#232323] bg-gradient-to-b from-[#141414] to-[#0f0f0f] p-8">
+  <h3 className="text-xl font-semibold text-white">Raycast Pro</h3>
+  <p className="mt-1 text-sm text-[#a1a1a1]">AI at your fingertips</p>
+  <div className="mt-8 flex items-baseline gap-2">
+    <span className="text-6xl font-bold tracking-tight text-white">$8</span>
+    <span className="font-mono text-sm text-[#6b6b6b]">/ month</span>
+  </div>
+  <p className="mt-2 text-sm text-[#6b6b6b]"><span className="line-through">$120</span> $96 billed annually</p>
+  <ul className="mt-8 space-y-3">{features}</ul>
+</div>
+```
+
+### Featured card (raised + badge)
+
+```tsx
+<div className="relative rounded-3xl border border-white/10 bg-[#1c1c1e] p-8
+  shadow-[0_0_80px_-20px_rgba(255,99,99,0.25)]">
+  <span className="absolute right-6 top-6 text-[#3b9eff]">{verifiedBadge}</span>
+  ...
+</div>
+```
+
+### Feature row (circle check)
+
+```tsx
+<li className="flex items-start gap-3 text-sm">
+  <CheckCircle className="mt-0.5 size-4 shrink-0 text-[#a1a1a1]" />
+  <span className="text-[#e5e5e5]">Unlimited Clipboard History</span>
+</li>
+```
+
+### Billing toggle
+
+```tsx
+<div className="inline-flex items-center gap-1 rounded-full border border-[#232323] bg-[#141414] p-1">
+  <button className="rounded-full px-4 py-1.5 text-sm text-[#a1a1a1]">Monthly</button>
+  <button className="rounded-full bg-[#1c1c1e] px-4 py-1.5 text-sm text-white">
+    Yearly <span className="ml-1 rounded-full bg-white/10 px-1.5 text-xs">-20%</span>
+  </button>
+</div>
+```
+
+### Buttons
+
+| Variant | Classes |
+|---------|---------|
+| Primary (light) | `rounded-xl bg-[#f5f5f5] px-5 py-2.5 text-sm font-medium text-black hover:bg-white` |
+| Secondary (dark) | `rounded-xl border border-[#232323] bg-[#1c1c1e] px-5 py-2.5 text-sm text-white hover:bg-[#242424]` |
+| Link | `text-[#3b9eff] hover:underline` |
+
+### Sparkle accent
+
+The red spark marks AI / premium tiers. Small, red, never large.
+
+```tsx
+<span className="text-[#ff6363]">✦</span>
+```
+
+### Footer (multi-column dark)
+
+```tsx
+<footer className="border-t border-[#232323] bg-black pt-16">
+  <div className={cn(RC_SHELL, "grid grid-cols-2 gap-8 md:grid-cols-6")}>
+    {columns.map((c) => (
+      <div key={c.title}>
+        <p className="text-sm font-medium text-white">{c.title}</p>
+        <ul className="mt-4 space-y-3 text-sm text-[#a1a1a1]">{c.links}</ul>
+      </div>
+    ))}
+  </div>
+</footer>
+```
+
+---
+
+## Charts (glossy dark data viz)
+
+- Series: red `#ff6363` for the highlighted series, neutral grays `#a1a1a1` / `#6b6b6b` / `#2a2a2a` for the rest. Blue `#3b9eff` as a secondary accent.
+- Background = card fill (`#141414`); gridlines `#232323`; axis text `Inter`, muted `#6b6b6b`.
+- **Rounded bars** (`borderRadius: 6-8`), flat fills - optionally a vertical gradient on the highlighted series for a glossy sheen.
+- Tooltip: glass - `rgba(20,20,20,0.9)` + `#232323` border + white text, `12px` corners.
+- Doughnut: segment stroke = card fill; legend in muted sans.
+- A faint glow under the chart (red, low opacity) reinforces the Raycast atmosphere on hero charts.
+
+```js
+const RED="#ff6363", BLUE="#3b9eff", S2="#a1a1a1", S3="#6b6b6b", S4="#2a2a2a", GRID="#232323";
+Chart.defaults.font.family = "Inter, system-ui, sans-serif";
+Chart.defaults.color = "#6b6b6b";
+// bars: backgroundColor:[S3, RED], borderRadius:8
+// grid: { color: GRID }
+// tooltip: { backgroundColor:"rgba(20,20,20,0.9)", borderColor:"#232323", borderWidth:1, cornerRadius:12 }
+```
+
+---
+
+## Motion & effects
+
+- Glow IS the depth language - keep the soft red gradients and faint card glows.
+- Hover: subtle bg lift (`#1c1c1e → #242424`), border lighten, or a gentle glow bloom. No hard movement.
+- `backdrop-blur` on the floating nav and any glass surface.
+- `transition-colors duration-150`; the featured card may breathe a slow glow.
+- Avoid hard offset shadows (that's Gumroad), avoid flat-no-glow (that's vercel-simple). Raycast is glossy-soft.
+
+---
+
+## Anti-patterns
+
+| Avoid | Why |
+|-------|-----|
+| Flat dark with no glow/gradient | Raycast's identity is the soft glow + glass |
+| Sharp `rounded-none` cards | Cards are large-radius `rounded-3xl` |
+| Red as a big solid background fill | Red is glow, logo, spark - kept small |
+| Hard offset shadows (`Npx Npx 0`) | That's neo-brutalist; use soft glow instead |
+| Mono as the body font | Inter is primary; mono only for `/month` + meta |
+| Opaque flat nav glued to the top edge | Nav floats, translucent, blurred, detached |
+| Pure `#fff` background sections | Stay dark; this is a dark-only style |
+| Multiple loud accent colors | Red primary + blue secondary, both restrained |
+
+---
+
+## Project overrides
+
+If the repo defines `.agents/styles/raycast.md` or `.agents/styles/raycast-theme.md`, prefer those tokens and components over this portable spec.