@nebutra/tokens 0.1.2 → 0.1.3

package/src/brand-package/presets/notion.ts

@@ -1,208 +0,0 @@
-/**
- * notion design-language compile preset (stress fixture).
- */
-import { leafHex } from "../compile-helpers";
-import { tryHexToHsl } from "../hex-to-hsl";
-import type { BrandPackage } from "../types";
-import type { CompileContext } from "./context";
-import { buildRecipe } from "./recipe";
-
-export function buildNotion(ctx: CompileContext): BrandPackage {
-  const paper = ctx.colors["paper-warmth"] ?? "#f6f5f4";
-  const white = ctx.colors["pure-white"] ?? "#ffffff";
-  const ink = ctx.colors["ink-black"] ?? "#000000";
-  const charcoal = ctx.colors.charcoal ?? "#111111";
-  const stone = ctx.colors.stone ?? "#757575";
-  const graphite = ctx.colors.graphite ?? "#615d59";
-  const blue = ctx.colors["notion-blue"] ?? "#0075de";
-  const sky = ctx.colors["sky-tint"] ?? "#e6f3fe";
-  const marigold = ctx.colors.marigold ?? "#ffb110";
-  const coral = ctx.colors.coral ?? "#f64932";
-  const midnight = ctx.colors["midnight-ink"] ?? "#02093a";
-  const signal = ctx.colors["signal-blue"] ?? "#097fe8";
-
-  ctx.warnings.push(
-    "Notion: notion-blue is the only filled CTA; marigold/coral/midnight are decorative card washes (never default action).",
-  );
-  ctx.warnings.push(
-    "Notion: content cards use 1px hairline + elev=none; soft shadows only for sticky nav / product mockups (raised slot).",
-  );
-
-  const brand: BrandPackage = {
-    id: "notion",
-    name: "Notion",
-    darkDefault: false,
-    version: "1.0.0",
-    roles: {
-      canvas: tryHexToHsl(paper, "30 9% 96%"),
-      canvasForeground: tryHexToHsl(ink, "0 0% 0%"),
-      surface: tryHexToHsl(white, "0 0% 100%"),
-      surfaceForeground: tryHexToHsl(ink, "0 0% 0%"),
-      action: tryHexToHsl(blue, "208 100% 44%"),
-      actionForeground: tryHexToHsl(white, "0 0% 100%"),
-      // Logo / wordmark / ink hierarchy — not blue CTA
-      brand: tryHexToHsl(ink, "0 0% 0%"),
-      brandForeground: tryHexToHsl(white, "0 0% 100%"),
-      // Ghost CTA wash
-      quiet: tryHexToHsl(sky, "206 90% 95%"),
-      quietForeground: tryHexToHsl(blue, "208 100% 44%"),
-      muted: tryHexToHsl(sky, "206 90% 95%"),
-      mutedForeground: tryHexToHsl(stone, "0 0% 46%"),
-      // Approx hairline rgba(0,0,0,0.08) on warm paper
-      border: "30 5% 88%",
-      input: tryHexToHsl(white, "0 0% 100%"),
-      ring: tryHexToHsl(blue, "208 100% 44%"),
-      destructive: tryHexToHsl(coral, "6 91% 58%"),
-      destructiveForeground: tryHexToHsl(white, "0 0% 100%"),
-      warning: tryHexToHsl(marigold, "40 100% 53%"),
-      warningForeground: tryHexToHsl(ink, "0 0% 0%"),
-      info: tryHexToHsl(signal, "207 93% 47%"),
-      infoForeground: tryHexToHsl(white, "0 0% 100%"),
-    },
-    semantic: {
-      background: tryHexToHsl(paper, "30 9% 96%"),
-      foreground: tryHexToHsl(ink, "0 0% 0%"),
-      card: tryHexToHsl(white, "0 0% 100%"),
-      cardForeground: tryHexToHsl(ink, "0 0% 0%"),
-      popover: tryHexToHsl(white, "0 0% 100%"),
-      popoverForeground: tryHexToHsl(ink, "0 0% 0%"),
-      primary: tryHexToHsl(blue, "208 100% 44%"),
-      primaryForeground: tryHexToHsl(white, "0 0% 100%"),
-      secondary: tryHexToHsl(sky, "206 90% 95%"),
-      secondaryForeground: tryHexToHsl(blue, "208 100% 44%"),
-      muted: tryHexToHsl(sky, "206 90% 95%"),
-      mutedForeground: tryHexToHsl(stone, "0 0% 46%"),
-      accent: tryHexToHsl(sky, "206 90% 95%"),
-      accentForeground: tryHexToHsl(blue, "208 100% 44%"),
-      destructive: tryHexToHsl(coral, "6 91% 58%"),
-      destructiveForeground: tryHexToHsl(white, "0 0% 100%"),
-      border: "30 5% 88%",
-      input: tryHexToHsl(white, "0 0% 100%"),
-      ring: tryHexToHsl(blue, "208 100% 44%"),
-      warning: tryHexToHsl(marigold, "40 100% 53%"),
-      warningForeground: tryHexToHsl(ink, "0 0% 0%"),
-      info: tryHexToHsl(signal, "207 93% 47%"),
-      infoForeground: tryHexToHsl(white, "0 0% 100%"),
-    },
-    recipe: buildRecipe({
-      buttonDefault: ctx.recipeHints.buttonDefault ?? "solid",
-      radii: {
-        button:
-          ctx.recipeHints.radii?.button ??
-          leafHex(ctx.radius, ["buttons"]) ??
-          leafHex(ctx.radius, ["lg"]) ??
-          "8px",
-        card:
-          ctx.recipeHints.radii?.card ??
-          leafHex(ctx.radius, ["cards"]) ??
-          leafHex(ctx.radius, ["xl"]) ??
-          "12px",
-        badge: leafHex(ctx.radius, ["pills"]) ?? leafHex(ctx.radius, ["full"]) ?? "9999px",
-        input: leafHex(ctx.radius, ["buttons"]) ?? leafHex(ctx.radius, ["lg"]) ?? "8px",
-      },
-      elevationPreset: ctx.recipeHints.elevationPreset ?? "none",
-      density: ctx.recipeHints.density ?? "comfortable",
-      badgeDefault: "muted",
-      outlineBorder: ink,
-      // Sticky nav soft shadow lives in raised; cards stay flat
-      elevationTokens: {
-        card: "0 0 #0000",
-        control: "0 0 #0000",
-        raised: "0px 0.7px 1.462px 0px rgb(0 0 0 / 0.015), 0px 3px 9px 0px rgb(0 0 0 / 0.03)",
-      },
-    }),
-    typography: {
-      fontSans: `'NotionInter', 'Inter', ui-sans-serif, system-ui, sans-serif`,
-      fontDisplay: `'NotionInter', 'Inter', ui-sans-serif, system-ui, sans-serif`,
-      headingWeight: 700,
-      faces: [
-        {
-          family: "NotionInter",
-          src: [
-            {
-              url: "https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2",
-              format: "woff2",
-            },
-          ],
-          weight: "100 900",
-          display: "swap",
-        },
-        {
-          family: "Lyon Text",
-          src: [{ url: "/brand-assets/lyon-text-regular.woff2", format: "woff2" }],
-          weight: 400,
-          display: "swap",
-        },
-      ],
-    },
-    zones: {
-      product: {
-        caption: {
-          fontSize: "12px",
-          lineHeight: 1.33,
-          fontWeight: 500,
-          letterSpacing: "0.12px",
-        },
-        bodySm: { fontSize: "14px", lineHeight: 1.43, fontWeight: 500 },
-        body: { fontSize: "16px", lineHeight: 1.5, fontWeight: 400 },
-        subheading: { fontSize: "20px", lineHeight: 1, fontWeight: 500 },
-        headingSm: {
-          fontSize: "22px",
-          lineHeight: 1.27,
-          fontWeight: 600,
-          letterSpacing: "-0.242px",
-        },
-        heading: { fontSize: "40px", lineHeight: 1.5, fontWeight: 600 },
-      },
-      marketing: {
-        body: { fontSize: "16px", lineHeight: 1.5, fontWeight: 400 },
-        heading: {
-          fontSize: "48px",
-          lineHeight: 1.5,
-          fontWeight: 700,
-        },
-        headingLg: {
-          fontSize: "54px",
-          lineHeight: 1.04,
-          fontWeight: 700,
-          letterSpacing: "-1.89px",
-        },
-        display: {
-          fontSize: "72px",
-          lineHeight: 1.21,
-          fontWeight: 700,
-          letterSpacing: "-2.016px",
-        },
-      },
-    },
-    extensions: {
-      categories: {
-        brand: ink,
-        action: blue,
-        ghost: sky,
-        marigold,
-        coral,
-        midnight,
-        charcoal,
-        graphite,
-      },
-      decorative: {
-        marigold,
-        coral,
-        saffron: ctx.colors.saffron ?? "#e89d01",
-        "sky-wash": ctx.colors["sky-wash"] ?? "#62aef0",
-        midnight,
-      },
-      sourceUrl: typeof ctx.refero.url === "string" ? ctx.refero.url : "https://www.notion.com",
-      notes: [
-        "roles.action = Notion Blue (only filled CTA). Accent hues are decorative card washes.",
-        "roles.brand = Ink Black (logo / wordmark / text hierarchy via alpha).",
-        "Canvas = Paper Warmth; cards = Pure White — never invert.",
-        "Card elev=none + hairline border; sticky nav soft shadow → elevation raised slot.",
-        "Buttons 8px, cards 12px, pills 9999px.",
-        "Lyon Text is editorial accent only — not product chrome UI.",
-      ],
-    },
-  };
-  return brand;
-}

package/src/brand-package/presets/raycast.ts

@@ -1,138 +0,0 @@
-/**
- * raycast design-language compile preset (stress fixture).
- */
-import { tryHexToHsl } from "../hex-to-hsl";
-import type { BrandPackage } from "../types";
-import type { CompileContext } from "./context";
-import { buildRecipe } from "./recipe";
-
-export function buildRaycast(ctx: CompileContext): BrandPackage {
-  const canvas = ctx.colors["void-black"] ?? ctx.colors.canvas ?? "#040506";
-  const ink = ctx.colors.ink ?? ctx.colors.card ?? "#07080a";
-  const obsidian = ctx.colors.obsidian ?? ctx.colors.recessed ?? "#111214";
-  const graphite = ctx.colors.graphite ?? ctx.colors.badge ?? "#1b1c1e";
-  const smoke = ctx.colors.smoke ?? "#6a6b6c";
-  const ash = ctx.colors.ash ?? "#9c9c9d";
-  const mist = ctx.colors.mist ?? "#e6e6e6";
-  const iron = ctx.colors.iron ?? "#454647";
-  const slate = ctx.colors.slate ?? "#2f3031";
-  const paper = ctx.colors["pure-white"] ?? "#ffffff";
-  const coral = ctx.colors["coral-pulse"] ?? "#ff6363";
-  const success = ctx.colors["success-green"] ?? "#59d499";
-  const info = ctx.colors["info-blue"] ?? "#56c2ff";
-
-  ctx.warnings.push(
-    "Raycast: coral-pulse is brand mark only — primary CTA is Mist/Iron neutral solid.",
-  );
-
-  const brand: BrandPackage = {
-    id: "raycast",
-    name: "Raycast",
-    darkDefault: true,
-    version: "1.0.0",
-    semantic: {
-      background: tryHexToHsl(canvas, "210 20% 2%"),
-      foreground: tryHexToHsl(paper, "0 0% 100%"),
-      card: tryHexToHsl(ink, "220 18% 3%"),
-      cardForeground: tryHexToHsl(paper, "0 0% 100%"),
-      popover: tryHexToHsl(ink, "220 18% 3%"),
-      popoverForeground: tryHexToHsl(paper, "0 0% 100%"),
-      // Filled CTA = Mist on dark (not coral)
-      primary: tryHexToHsl(mist, "0 0% 90%"),
-      primaryForeground: tryHexToHsl(iron, "210 1% 27%"),
-      secondary: tryHexToHsl(graphite, "220 4% 11%"),
-      secondaryForeground: tryHexToHsl(paper, "0 0% 100%"),
-      muted: tryHexToHsl(obsidian, "220 6% 7%"),
-      mutedForeground: tryHexToHsl(smoke, "240 1% 42%"),
-      // Coral as accent for brand-adjacent UI (badges that opt-in to accent)
-      accent: tryHexToHsl(coral, "0 100% 69%"),
-      accentForeground: tryHexToHsl(paper, "0 0% 100%"),
-      destructive: "0 72% 51%",
-      destructiveForeground: tryHexToHsl(paper, "0 0% 100%"),
-      border: tryHexToHsl(slate, "210 2% 19%"),
-      input: tryHexToHsl(obsidian, "220 6% 7%"),
-      ring: tryHexToHsl(ash, "240 1% 61%"),
-      success: tryHexToHsl(success, "150 58% 59%"),
-      successForeground: tryHexToHsl(canvas, "210 20% 2%"),
-      info: tryHexToHsl(info, "200 100% 67%"),
-      infoForeground: tryHexToHsl(canvas, "210 20% 2%"),
-    },
-    recipe: buildRecipe({
-      buttonDefault: "solid",
-      radii: {
-        button: ctx.recipeHints.radii?.button ?? "8px",
-        card: "16px",
-        badge: "6px",
-        input: "8px",
-      },
-      elevationPreset: ctx.recipeHints.elevationPreset ?? "key",
-      density: ctx.recipeHints.density ?? "comfortable",
-      badgeDefault: "muted",
-    }),
-    typography: {
-      fontSans: `'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif`,
-      fontMono: `'Geist Mono', 'GeistMono', ui-monospace, Menlo, monospace`,
-      fontDisplay: `'Inter', ui-sans-serif, system-ui, sans-serif`,
-      headingWeight: 400,
-      faces: [
-        {
-          family: "Inter",
-          src: [
-            {
-              url: "https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2",
-              format: "woff2",
-            },
-          ],
-          weight: "100 900",
-          display: "swap",
-        },
-      ],
-    },
-    zones: {
-      product: {
-        caption: {
-          fontSize: "11px",
-          lineHeight: 0.91,
-          fontWeight: 500,
-          letterSpacing: "0.8px",
-        },
-        bodySm: { fontSize: "13px", lineHeight: 1.2, fontWeight: 500 },
-        body: { fontSize: "16px", lineHeight: 1.15, fontWeight: 400 },
-        bodyLg: { fontSize: "18px", lineHeight: 1.15, fontWeight: 400 },
-        subheading: {
-          fontSize: "20px",
-          lineHeight: 1.2,
-          fontWeight: 400,
-          letterSpacing: "0.2px",
-        },
-        headingSm: { fontSize: "24px", lineHeight: 1.15, fontWeight: 500 },
-        heading: { fontSize: "32px", lineHeight: 1.15, fontWeight: 500 },
-      },
-      marketing: {
-        body: { fontSize: "16px", lineHeight: 1.15, fontWeight: 400 },
-        heading: { fontSize: "32px", lineHeight: 1.15, fontWeight: 500 },
-        headingLg: {
-          fontSize: "56px",
-          lineHeight: 1.17,
-          fontWeight: 400,
-          letterSpacing: "0.22px",
-        },
-        display: { fontSize: "64px", lineHeight: 1.1, fontWeight: 600 },
-      },
-    },
-    extensions: {
-      categories: {
-        brand: coral,
-        ember: ctx.colors["ember-hush"] ?? "#452324",
-        sky: ctx.colors["electric-sky"] ?? "#63a1ff",
-      },
-      sourceUrl: typeof ctx.refero.url === "string" ? ctx.refero.url : "https://raycast.com",
-      notes: [
-        "Primary CTA = Mist fill + Iron text (neutral solid).",
-        "Coral Pulse is brand mark only — do not use for general product chrome CTAs.",
-        "Cards use elevation=key (keyboard-key inset shadow stack).",
-      ],
-    },
-  };
-  return brand;
-}

package/src/brand-package/presets/recipe.ts

@@ -1,61 +0,0 @@
-/**
- * Canonical recipe builder for compile presets.
- * Output: free radii + free elevationTokens only.
- */
-
-import { elevationPresetToTokens } from "../normalize";
-import type {
-  BadgeDefaultStyle,
-  BrandElevationTokens,
-  BrandRadii,
-  BrandRecipe,
-  ButtonDefaultStyle,
-  Density,
-  ElevationStyle,
-} from "../types";
-
-export interface RecipeInput {
-  buttonDefault: ButtonDefaultStyle;
-  density?: Density;
-  /** Free radii slots (preferred API) */
-  radii?: Partial<BrandRadii>;
-  /**
-   * Elevation preset expanded to elevationTokens when elevationTokens omitted.
-   * Prefer passing elevationTokens for free CSS stacks.
-   */
-  elevationPreset?: ElevationStyle;
-  elevationTokens?: BrandElevationTokens;
-  badgeDefault?: BadgeDefaultStyle;
-  primaryStrokeGradient?: string;
-  outlineBorder?: string;
-  /** Used when expanding elevationPreset key/hairline */
-  cardShadow?: string;
-}
-
-/** Build a canonical BrandRecipe (radii + elevationTokens only). */
-export function buildRecipe(input: RecipeInput): BrandRecipe {
-  const button = input.radii?.button ?? "0.375rem";
-  const card = input.radii?.card ?? "0.75rem";
-  const badge = input.radii?.badge ?? "9999px";
-  const radii: BrandRadii = {
-    button,
-    card,
-    badge,
-    input: input.radii?.input ?? button,
-    pill: input.radii?.pill ?? "9999px",
-  };
-  const elevationPreset = input.elevationPreset ?? "soft";
-  const elevationTokens =
-    input.elevationTokens ?? elevationPresetToTokens(elevationPreset, input.cardShadow);
-
-  const recipe: BrandRecipe = {
-    buttonDefault: input.buttonDefault,
-    density: input.density ?? "comfortable",
-    radii,
-    elevationTokens,
-  };
-  if (input.badgeDefault) recipe.badgeDefault = input.badgeDefault;
-  if (input.primaryStrokeGradient) recipe.primaryStrokeGradient = input.primaryStrokeGradient;
-  if (input.outlineBorder) recipe.outlineBorder = input.outlineBorder;
-  return recipe;
-}

package/src/brand-package/presets/stripe.ts

@@ -1,207 +0,0 @@
-/**
- * stripe design-language compile preset (stress fixture).
- */
-import { tryHexToHsl } from "../hex-to-hsl";
-import type { BrandPackage } from "../types";
-import type { CompileContext } from "./context";
-import { buildRecipe } from "./recipe";
-
-export function buildStripe(ctx: CompileContext): BrandPackage {
-  const white = ctx.colors["pure-white"] ?? "#ffffff";
-  const mist = ctx.colors.mist ?? "#f8fafd";
-  const frost = ctx.colors.frost ?? "#e5edf5";
-  const midnight = ctx.colors["midnight-ink"] ?? "#061b31";
-  const slate = ctx.colors.slate ?? "#64748d";
-  const steel = ctx.colors.steel ?? "#50617a";
-  const indigo = ctx.colors["indigo-ink"] ?? "#533afd";
-  const indigoHover = ctx.colors["indigo-hover"] ?? "#7389ff";
-  const lavender = ctx.colors["lavender-border"] ?? "#b9b9f9";
-  const periwinkle = ctx.colors["periwinkle-wash"] ?? "#e8e9ff";
-  const deep = ctx.colors["deep-violet"] ?? "#182659";
-  const smoke = ctx.colors.smoke ?? "#839bc8";
-
-  ctx.warnings.push(
-    "Stripe: indigo-ink is action CTA only; midnight-ink is brand-mark/wordmark (never default CTA fill).",
-  );
-  ctx.warnings.push(
-    "Stripe: elevation=none — depth via white→mist→frost tints + 1px frost rules, never box-shadow.",
-  );
-
-  const brand: BrandPackage = {
-    id: "stripe",
-    name: "Stripe",
-    darkDefault: false,
-    version: "1.0.0",
-    roles: {
-      canvas: tryHexToHsl(white, "0 0% 100%"),
-      canvasForeground: tryHexToHsl(midnight, "208 78% 11%"),
-      surface: tryHexToHsl(white, "0 0% 100%"),
-      surfaceForeground: tryHexToHsl(midnight, "208 78% 11%"),
-      action: tryHexToHsl(indigo, "248 98% 61%"),
-      actionForeground: tryHexToHsl(white, "0 0% 100%"),
-      brand: tryHexToHsl(midnight, "208 78% 11%"),
-      brandForeground: tryHexToHsl(white, "0 0% 100%"),
-      quiet: tryHexToHsl(periwinkle, "238 100% 95%"),
-      quietForeground: tryHexToHsl(indigo, "248 98% 61%"),
-      muted: tryHexToHsl(mist, "210 56% 98%"),
-      mutedForeground: tryHexToHsl(slate, "215 16% 47%"),
-      border: tryHexToHsl(frost, "210 36% 93%"),
-      input: tryHexToHsl(white, "0 0% 100%"),
-      ring: tryHexToHsl(indigo, "248 98% 61%"),
-      destructive: "0 72% 51%",
-      destructiveForeground: tryHexToHsl(white, "0 0% 100%"),
-      info: tryHexToHsl(indigoHover, "230 100% 73%"),
-      infoForeground: tryHexToHsl(midnight, "208 78% 11%"),
-    },
-    semantic: {
-      background: tryHexToHsl(white, "0 0% 100%"),
-      foreground: tryHexToHsl(midnight, "208 78% 11%"),
-      card: tryHexToHsl(white, "0 0% 100%"),
-      cardForeground: tryHexToHsl(midnight, "208 78% 11%"),
-      popover: tryHexToHsl(white, "0 0% 100%"),
-      popoverForeground: tryHexToHsl(midnight, "208 78% 11%"),
-      primary: tryHexToHsl(indigo, "248 98% 61%"),
-      primaryForeground: tryHexToHsl(white, "0 0% 100%"),
-      secondary: tryHexToHsl(periwinkle, "238 100% 95%"),
-      secondaryForeground: tryHexToHsl(indigo, "248 98% 61%"),
-      muted: tryHexToHsl(mist, "210 56% 98%"),
-      mutedForeground: tryHexToHsl(slate, "215 16% 47%"),
-      accent: tryHexToHsl(indigo, "248 98% 61%"),
-      accentForeground: tryHexToHsl(white, "0 0% 100%"),
-      destructive: "0 72% 51%",
-      destructiveForeground: tryHexToHsl(white, "0 0% 100%"),
-      border: tryHexToHsl(frost, "210 36% 93%"),
-      input: tryHexToHsl(white, "0 0% 100%"),
-      ring: tryHexToHsl(indigo, "248 98% 61%"),
-      info: tryHexToHsl(indigoHover, "230 100% 73%"),
-      infoForeground: tryHexToHsl(midnight, "208 78% 11%"),
-    },
-    recipe: buildRecipe({
-      buttonDefault: ctx.recipeHints.buttonDefault ?? "solid",
-      radii: {
-        button: ctx.recipeHints.radii?.button ?? "4px",
-        card: "4px",
-        badge: "9999px",
-        input: "4px",
-      },
-      elevationPreset: ctx.recipeHints.elevationPreset ?? "none",
-      density: ctx.recipeHints.density ?? "comfortable",
-      badgeDefault: "muted",
-      // Ghost outline companion uses lavender hairline, not carbon
-      outlineBorder: lavender,
-    }),
-    typography: {
-      fontSans: `'sohne-var', 'Inter Tight', 'Inter', ui-sans-serif, system-ui, sans-serif`,
-      fontDisplay: `'sohne-var', 'Inter Tight', ui-sans-serif, system-ui, sans-serif`,
-      // Whisper weight is the Stripe signature (even at 56px display)
-      headingWeight: 300,
-      faces: [
-        {
-          family: "sohne-var",
-          // Placeholder — Create Center / licensed Söhne Variable
-          src: [{ url: "/brand-assets/sohne-var.woff2", format: "woff2" }],
-          weight: "300 400",
-          display: "swap",
-        },
-      ],
-    },
-    zones: {
-      product: {
-        caption: {
-          fontSize: "12px",
-          lineHeight: 1.45,
-          fontWeight: 300,
-          letterSpacing: "-0.12px",
-        },
-        bodySm: {
-          fontSize: "14px",
-          lineHeight: 1.4,
-          fontWeight: 400,
-          letterSpacing: "-0.14px",
-        },
-        body: {
-          fontSize: "16px",
-          lineHeight: 1.2,
-          fontWeight: 400,
-          letterSpacing: "-0.16px",
-        },
-        bodyLg: {
-          fontSize: "20px",
-          lineHeight: 1.4,
-          fontWeight: 300,
-          letterSpacing: "-0.2px",
-        },
-        subheading: {
-          fontSize: "22px",
-          lineHeight: 1.1,
-          fontWeight: 300,
-          letterSpacing: "-0.22px",
-        },
-        headingSm: {
-          fontSize: "26px",
-          lineHeight: 1.12,
-          fontWeight: 300,
-          letterSpacing: "-0.26px",
-        },
-        heading: {
-          fontSize: "32px",
-          lineHeight: 1.1,
-          fontWeight: 300,
-          letterSpacing: "-0.64px",
-        },
-      },
-      marketing: {
-        body: {
-          fontSize: "16px",
-          lineHeight: 1.4,
-          fontWeight: 300,
-          letterSpacing: "-0.16px",
-        },
-        heading: {
-          fontSize: "32px",
-          lineHeight: 1.1,
-          fontWeight: 300,
-          letterSpacing: "-0.64px",
-        },
-        headingLg: {
-          fontSize: "48px",
-          lineHeight: 1.03,
-          fontWeight: 300,
-          letterSpacing: "-0.96px",
-        },
-        display: {
-          fontSize: "56px",
-          lineHeight: 1.03,
-          fontWeight: 300,
-          letterSpacing: "-1.4px",
-        },
-      },
-    },
-    extensions: {
-      categories: {
-        brand: midnight,
-        action: indigo,
-        link: indigo,
-        hover: indigoHover,
-        ghostBorder: lavender,
-        wash: periwinkle,
-        deep: deep,
-        smoke,
-        steel,
-      },
-      decorative: {
-        "section-band": mist,
-        frost,
-      },
-      sourceUrl: typeof ctx.refero.url === "string" ? ctx.refero.url : "https://stripe.com",
-      notes: [
-        "roles.action = Indigo Ink filled CTA; roles.brand = Midnight Ink wordmark.",
-        "Elevation none — tint ladder + 1px frost rules; never box-shadow.",
-        "Control ctx.radius 4px (not pill); tags may stay full-pill.",
-        "Typography weight 300 is the product signature (Inter Tight substitute).",
-        "Pair solid CTA with ghost outline (lavender border) as secondary.",
-      ],
-    },
-  };
-  return brand;
-}