create-tanqory-theme 0.0.0-stage → 0.2.2

package/templates/nova/.tanqory/contracts/nova-01.json

@@ -0,0 +1,1092 @@
+{
+  "tokens": [
+    {
+      "family": "colour",
+      "name": "--color-bg",
+      "value": "#FFFFFF"
+    },
+    {
+      "family": "colour",
+      "name": "--color-bg-elevated",
+      "value": "#FFFFFF"
+    },
+    {
+      "family": "colour",
+      "name": "--color-bg-muted",
+      "value": "#F4F4F3"
+    },
+    {
+      "family": "colour",
+      "name": "--color-bg-inverse",
+      "value": "#111111"
+    },
+    {
+      "family": "colour",
+      "name": "--color-fg",
+      "value": "#111111"
+    },
+    {
+      "family": "colour",
+      "name": "--color-fg-muted",
+      "value": "#5E5E5C"
+    },
+    {
+      "family": "colour",
+      "name": "--color-fg-subtle",
+      "value": "#737371"
+    },
+    {
+      "family": "colour",
+      "name": "--color-fg-inverse",
+      "value": "#FFFFFF"
+    },
+    {
+      "family": "colour",
+      "name": "--color-brand",
+      "value": "#111111"
+    },
+    {
+      "family": "colour",
+      "name": "--color-brand-hover",
+      "value": "#2E2E2E"
+    },
+    {
+      "family": "colour",
+      "name": "--color-brand-active",
+      "value": "#000000"
+    },
+    {
+      "family": "colour",
+      "name": "--color-brand-contrast",
+      "value": "#FFFFFF"
+    },
+    {
+      "family": "colour",
+      "name": "--color-button-primary-bg",
+      "value": "var(brand)"
+    },
+    {
+      "family": "colour",
+      "name": "--color-button-secondary-border",
+      "value": "#8A8A88"
+    },
+    {
+      "family": "colour",
+      "name": "--color-border",
+      "value": "#E8E8E6"
+    },
+    {
+      "family": "colour",
+      "name": "--color-border-strong",
+      "value": "#111111"
+    },
+    {
+      "family": "colour",
+      "name": "--color-border-input",
+      "value": "#8A8A88"
+    },
+    {
+      "family": "colour",
+      "name": "--color-border-inverse",
+      "value": "#FFFFFF29"
+    },
+    {
+      "family": "colour",
+      "name": "--color-media-bg",
+      "value": "#F4F4F3"
+    },
+    {
+      "family": "colour",
+      "name": "--color-sale",
+      "value": "#B42318"
+    },
+    {
+      "family": "colour",
+      "name": "--color-sold-out",
+      "value": "#737371"
+    },
+    {
+      "family": "colour",
+      "name": "--color-success",
+      "value": "#1E7B45"
+    },
+    {
+      "family": "colour",
+      "name": "--color-success-bg",
+      "value": "#EAF5EE"
+    },
+    {
+      "family": "colour",
+      "name": "--color-warning",
+      "value": "#8A5A00"
+    },
+    {
+      "family": "colour",
+      "name": "--color-warning-bg",
+      "value": "#FFF4DB"
+    },
+    {
+      "family": "colour",
+      "name": "--color-danger",
+      "value": "#B42318"
+    },
+    {
+      "family": "colour",
+      "name": "--color-danger-bg",
+      "value": "#FDECEA"
+    },
+    {
+      "family": "colour",
+      "name": "--color-focus",
+      "value": "#0B57D0"
+    },
+    {
+      "family": "colour",
+      "name": "--color-overlay-scrim",
+      "value": "#11111166"
+    },
+    {
+      "family": "colour",
+      "name": "--color-overlay-gradient",
+      "value": "#00000073"
+    },
+    {
+      "family": "layer",
+      "name": "--z-sticky",
+      "value": "100",
+      "round": 2
+    },
+    {
+      "family": "layer",
+      "name": "--z-dropdown",
+      "value": "200",
+      "round": 2
+    },
+    {
+      "family": "layer",
+      "name": "--z-consent",
+      "value": "250",
+      "round": 2
+    },
+    {
+      "family": "layer",
+      "name": "--z-overlay",
+      "value": "300",
+      "round": 2
+    },
+    {
+      "family": "layer",
+      "name": "--z-modal",
+      "value": "400",
+      "round": 2
+    },
+    {
+      "family": "layer",
+      "name": "--z-popover",
+      "value": "500",
+      "round": 2
+    },
+    {
+      "family": "layer",
+      "name": "--z-toast",
+      "value": "600",
+      "round": 2
+    },
+    {
+      "family": "layer",
+      "name": "--z-skip-link",
+      "value": "700",
+      "round": 2
+    },
+    {
+      "family": "typography",
+      "name": "--leading-display",
+      "value": "1.0",
+      "round": 2
+    },
+    {
+      "family": "typography",
+      "name": "--leading-h1",
+      "value": "1.05",
+      "round": 2
+    },
+    {
+      "family": "typography",
+      "name": "--leading-h2",
+      "value": "1.1",
+      "round": 2
+    },
+    {
+      "family": "typography",
+      "name": "--leading-h3",
+      "value": "1.2",
+      "round": 2
+    },
+    {
+      "family": "typography",
+      "name": "--leading-body-script",
+      "value": "1.75",
+      "round": 2
+    },
+    {
+      "family": "spacing",
+      "name": "--row-height-sm",
+      "value": "44px",
+      "round": 2
+    },
+    {
+      "family": "spacing",
+      "name": "--row-height-md",
+      "value": "56px",
+      "round": 2
+    },
+    {
+      "family": "spacing",
+      "name": "--space-page-top",
+      "value": "56px / 24px",
+      "round": 2
+    },
+    {
+      "family": "component",
+      "name": "--input-height-md",
+      "value": "44px",
+      "round": 2
+    },
+    {
+      "family": "component",
+      "name": "--input-height-lg",
+      "value": "52px",
+      "round": 2
+    },
+    {
+      "family": "component",
+      "name": "--button-px-lg",
+      "value": "28px",
+      "round": 2
+    },
+    {
+      "family": "component",
+      "name": "--toggle-track-off",
+      "value": "var(--color-border-input)",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-success (dark)",
+      "value": "#7FD49B",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-success-bg (dark)",
+      "value": "#12301F",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-warning (dark)",
+      "value": "#F2C46B",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-warning-bg (dark)",
+      "value": "#3A2A0C",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-danger (dark)",
+      "value": "#FF8A7A",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-danger-bg (dark)",
+      "value": "#3A1512",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-info (dark)",
+      "value": "#7AA7FF",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-info-bg (dark)",
+      "value": "#12233F",
+      "round": 2
+    },
+    {
+      "family": "media",
+      "name": "--banner-height-compact/md/lg",
+      "value": "320 / 440 / 560",
+      "round": 2
+    },
+    {
+      "family": "typography",
+      "name": "--text-body-lg",
+      "value": "16 / 17 / 18 (compact/default/large), 17 at 390",
+      "round": 2
+    },
+    {
+      "family": "breakpoint",
+      "name": "--bp-tablet / --bp-desktop",
+      "value": "640 / 1024",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-sale-contrast",
+      "value": "#FFFFFF / dark #0E0E0E",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--overlay-text-floor-large",
+      "value": "0.45",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--overlay-text-floor-body",
+      "value": "0.62",
+      "round": 2
+    },
+    {
+      "family": "colour",
+      "name": "--color-editor-frame",
+      "value": "var(--color-fg-subtle)",
+      "round": 2
+    },
+    {
+      "family": "media",
+      "name": "--hero-height-small/medium/large/fullscreen",
+      "value": "400 / 560 / 720 / 100svh",
+      "round": 2
+    },
+    {
+      "family": "spacing",
+      "name": "--space-page-top (tablet)",
+      "value": "40px",
+      "round": 2
+    }
+  ],
+  "colors": [
+    {
+      "n": "--color-bg",
+      "v": "#FFFFFF",
+      "role": "Page background",
+      "r": ""
+    },
+    {
+      "n": "--color-bg-elevated",
+      "v": "#FFFFFF",
+      "role": "Drawers, modals, popovers",
+      "r": ""
+    },
+    {
+      "n": "--color-bg-muted",
+      "v": "#F4F4F3",
+      "role": "Chips, alt sections, panels",
+      "r": ""
+    },
+    {
+      "n": "--color-bg-inverse",
+      "v": "#111111",
+      "role": "Inverse sections, tooltip",
+      "r": ""
+    },
+    {
+      "n": "--color-fg",
+      "v": "#111111",
+      "role": "Primary text, icons",
+      "r": "· 18.9:1"
+    },
+    {
+      "n": "--color-fg-muted",
+      "v": "#5E5E5C",
+      "role": "Supporting copy, meta",
+      "r": "· 6.5:1"
+    },
+    {
+      "n": "--color-fg-subtle",
+      "v": "#737371",
+      "role": "Placeholder, disabled label (≥4.5)",
+      "r": "· 4.8:1"
+    },
+    {
+      "n": "--color-fg-inverse",
+      "v": "#FFFFFF",
+      "role": "Text on inverse",
+      "r": ""
+    },
+    {
+      "n": "--color-brand",
+      "v": "#111111",
+      "role": "Merchant setting · primary CTA",
+      "r": "· 18.9:1"
+    },
+    {
+      "n": "--color-brand-hover",
+      "v": "#2E2E2E",
+      "role": "Derived: mix(brand, black 12%)",
+      "r": "· 13.6:1"
+    },
+    {
+      "n": "--color-brand-active",
+      "v": "#000000",
+      "role": "NEW TOKEN · derived 22%",
+      "r": "· 21.0:1"
+    },
+    {
+      "n": "--color-brand-contrast",
+      "v": "#FFFFFF",
+      "role": "Derived: best of #FFF / #111",
+      "r": ""
+    },
+    {
+      "n": "--color-button-primary-bg",
+      "v": "#111111",
+      "role": "→ --color-brand",
+      "r": ""
+    },
+    {
+      "n": "--color-button-secondary-border",
+      "v": "#8A8A88",
+      "role": "→ --color-border-input",
+      "r": "· 3.5:1"
+    },
+    {
+      "n": "--color-border",
+      "v": "#E8E8E6",
+      "role": "Decorative dividers only",
+      "r": ""
+    },
+    {
+      "n": "--color-border-strong",
+      "v": "#111111",
+      "role": "Selected, emphasis",
+      "r": "· 18.9:1"
+    },
+    {
+      "n": "--color-border-input",
+      "v": "#8A8A88",
+      "role": "Input & control boundary (≥3:1)",
+      "r": "· 3.5:1"
+    },
+    {
+      "n": "--color-border-inverse",
+      "v": "#FFFFFF29",
+      "role": "Dividers on inverse",
+      "r": ""
+    },
+    {
+      "n": "--color-media-bg",
+      "v": "#F4F4F3",
+      "role": "NEW TOKEN · media tile",
+      "r": ""
+    },
+    {
+      "n": "--color-sale",
+      "v": "#B42318",
+      "role": "Sale price & badge",
+      "r": "· 6.6:1"
+    },
+    {
+      "n": "--color-sold-out",
+      "v": "#737371",
+      "role": "Sold-out price/label",
+      "r": "· 4.8:1"
+    },
+    {
+      "n": "--color-success",
+      "v": "#1E7B45",
+      "role": "In stock, confirmations",
+      "r": "· 5.3:1"
+    },
+    {
+      "n": "--color-success-bg",
+      "v": "#EAF5EE",
+      "role": "Success surface",
+      "r": ""
+    },
+    {
+      "n": "--color-warning",
+      "v": "#8A5A00",
+      "role": "Low stock",
+      "r": "· 5.9:1"
+    },
+    {
+      "n": "--color-warning-bg",
+      "v": "#FFF4DB",
+      "role": "Warning surface",
+      "r": ""
+    },
+    {
+      "n": "--color-danger",
+      "v": "#B42318",
+      "role": "Errors, destructive",
+      "r": "· 6.6:1"
+    },
+    {
+      "n": "--color-danger-bg",
+      "v": "#FDECEA",
+      "role": "Error surface",
+      "r": ""
+    },
+    {
+      "n": "--color-focus",
+      "v": "#0B57D0",
+      "role": "Focus ring (never brand)",
+      "r": "· 6.4:1"
+    },
+    {
+      "n": "--color-overlay-scrim",
+      "v": "#11111166",
+      "role": "Drawer/modal scrim 40%",
+      "r": ""
+    },
+    {
+      "n": "--color-overlay-gradient",
+      "v": "#00000073",
+      "role": "Text-on-image gradient base (45%)",
+      "r": ""
+    }
+  ],
+  "brandDerive": [
+    {
+      "label": "DEFAULT · brand #111111",
+      "base": "#111111",
+      "hover": "#2E2E2E",
+      "active": "#000000",
+      "ct": "#FFFFFF",
+      "note": "Out of the box Nova is ink-on-white; any merchant hue becomes the only colour on the page."
+    },
+    {
+      "label": "SATURATED · brand #0F5C4D",
+      "base": "#0F5C4D",
+      "hover": "#0D5144",
+      "active": "#0B483D",
+      "ct": "#FFFFFF",
+      "note": "hover/active mix toward black; contrast #FFF passes 7.9:1. Focus ring stays blue, so it never disappears into the brand."
+    },
+    {
+      "label": "PALE · brand #E8C547",
+      "base": "#E8C547",
+      "hover": "#D2B23F",
+      "active": "#BFA239",
+      "ct": "#111111",
+      "note": "Contrast auto-flips to #111 (12.1:1). Pale brands are never used for text or borders on white — only as fills."
+    }
+  ],
+  "families": [
+    {
+      "token": "--font-display",
+      "name": "Geist",
+      "css": "Geist",
+      "stack": "Geist, 'Noto Sans Thai', 'Noto Sans Arabic', system-ui, sans-serif",
+      "why": "Merchant setting (select). Default Geist 500 with −3.5% tracking at display sizes; tracking relaxes to 0 at ≤20px."
+    },
+    {
+      "token": "--font-body",
+      "name": "Geist",
+      "css": "Geist",
+      "stack": "Geist, 'Noto Sans Thai', 'Noto Sans Arabic', system-ui, sans-serif",
+      "why": "Merchant setting (select). One family keeps generated and merchant-edited stores coherent. Tabular numerals for prices."
+    },
+    {
+      "token": "--font-mono",
+      "name": "Geist Mono",
+      "css": "'Geist Mono'",
+      "stack": "'Geist Mono', ui-monospace, SFMono-Regular, monospace",
+      "why": "Token only (not a merchant setting). SKU, order numbers, codes. Never used for labels or UI chrome in B."
+    }
+  ],
+  "typeScale": [
+    {
+      "k": "display",
+      "c": 60,
+      "d": 72,
+      "l": 88,
+      "m": 40,
+      "lh": "1.0",
+      "w": 500,
+      "tr": "−3.5%"
+    },
+    {
+      "k": "h1",
+      "c": 40,
+      "d": 48,
+      "l": 56,
+      "m": 32,
+      "lh": "1.05",
+      "w": 500,
+      "tr": "−3%"
+    },
+    {
+      "k": "h2",
+      "c": 28,
+      "d": 32,
+      "l": 38,
+      "m": 24,
+      "lh": "1.1",
+      "w": 500,
+      "tr": "−2%"
+    },
+    {
+      "k": "h3",
+      "c": 22,
+      "d": 24,
+      "l": 28,
+      "m": 20,
+      "lh": "1.2",
+      "w": 500,
+      "tr": "−1.5%"
+    },
+    {
+      "k": "h4",
+      "c": 18,
+      "d": 20,
+      "l": 22,
+      "m": 18,
+      "lh": "1.3",
+      "w": 500,
+      "tr": "0"
+    },
+    {
+      "k": "h5",
+      "c": 16,
+      "d": 17,
+      "l": 18,
+      "m": 16,
+      "lh": "1.4",
+      "w": 500,
+      "tr": "0"
+    },
+    {
+      "k": "h6",
+      "c": 14,
+      "d": 15,
+      "l": 16,
+      "m": 15,
+      "lh": "1.4",
+      "w": 600,
+      "tr": "0"
+    },
+    {
+      "k": "product-title",
+      "c": 13,
+      "d": 14,
+      "l": 16,
+      "m": 13,
+      "lh": "1.4",
+      "w": 500,
+      "tr": "0"
+    },
+    {
+      "k": "product-title-pdp",
+      "c": 28,
+      "d": 36,
+      "l": 40,
+      "m": 24,
+      "lh": "1.1",
+      "w": 500,
+      "tr": "−3%"
+    },
+    {
+      "k": "body",
+      "c": 14,
+      "d": 15,
+      "l": 16,
+      "m": 15,
+      "lh": "1.6",
+      "w": 400,
+      "tr": "0"
+    },
+    {
+      "k": "caption",
+      "c": 12,
+      "d": 13,
+      "l": 14,
+      "m": 12,
+      "lh": "1.5",
+      "w": 400,
+      "tr": "0"
+    },
+    {
+      "k": "label",
+      "c": 12,
+      "d": 12,
+      "l": 13,
+      "m": 12,
+      "lh": "1.0",
+      "w": 500,
+      "tr": "0"
+    }
+  ],
+  "typeRules": [
+    {
+      "t": "Heading weight",
+      "d": "Global heading-weight setting maps to --weight-heading: 400 · 500 (default) · 600. h6 is always one step heavier so it holds against body."
+    },
+    {
+      "t": "Long scripts (Thai)",
+      "d": "Under :lang(th) body leading 1.75, headings min 1.3, tracking forced to 0, no uppercase. Line-breaking via word-break: keep-all + dictionary break where supported."
+    },
+    {
+      "t": "RTL (Arabic, Hebrew)",
+      "d": "dir=rtl on <html>. All spacing uses logical properties; icons with direction (chevrons, arrows, progress) mirror; media and price rows mirror; tracking 0; leading 1.7."
+    },
+    {
+      "t": "Long copy",
+      "d": "Card titles clamp at 2 lines (full title in title attr + accessible name). Headings use text-wrap: balance, body text-wrap: pretty. Buttons may wrap to 2 lines rather than truncate."
+    }
+  ],
+  "radii": [
+    {
+      "k": "none",
+      "v": "0px"
+    },
+    {
+      "k": "sm",
+      "v": "4px"
+    },
+    {
+      "k": "md",
+      "v": "8px"
+    },
+    {
+      "k": "lg",
+      "v": "12px"
+    },
+    {
+      "k": "pill",
+      "v": "999px"
+    },
+    {
+      "k": "circle",
+      "v": "50%"
+    }
+  ],
+  "radiusMap": [
+    {
+      "c": "Button",
+      "d": "md",
+      "t": "--radius-button",
+      "m": "buttonCorners: square · rounded · pill"
+    },
+    {
+      "c": "Input / Select / Textarea",
+      "d": "md",
+      "t": "--radius-input",
+      "m": "inputCorners: square · rounded · pill (textarea caps at lg)"
+    },
+    {
+      "c": "Product card container",
+      "d": "none",
+      "t": "--radius-card",
+      "m": "cardCorners: square · rounded · soft (only visible with outlineCards)"
+    },
+    {
+      "c": "Product & collection media",
+      "d": "md",
+      "t": "--radius-media NEW",
+      "m": "follows cardCorners: square→none, rounded→md, soft→lg"
+    },
+    {
+      "c": "Badge",
+      "d": "sm",
+      "t": "--radius-badge",
+      "m": "badgeTreatment (square → none, pill → pill)"
+    },
+    {
+      "c": "Chip / filter chip",
+      "d": "md",
+      "t": "--radius-input",
+      "m": "follows inputCorners"
+    },
+    {
+      "c": "Popover / select menu / toast",
+      "d": "md",
+      "t": "--radius-md",
+      "m": "fixed token"
+    },
+    {
+      "c": "Modal / drawer inner corners",
+      "d": "lg",
+      "t": "--radius-overlay NEW",
+      "m": "fixed token; drawers square on the attached edge"
+    },
+    {
+      "c": "Swatch / avatar / icon button",
+      "d": "circle",
+      "t": "--radius-circle",
+      "m": "fixed"
+    }
+  ],
+  "gaps": [
+    {
+      "k": "xxs",
+      "v": 4,
+      "w": "16px"
+    },
+    {
+      "k": "xs",
+      "v": 8,
+      "w": "32px"
+    },
+    {
+      "k": "sm",
+      "v": 12,
+      "w": "48px"
+    },
+    {
+      "k": "md",
+      "v": 16,
+      "w": "64px"
+    },
+    {
+      "k": "lg",
+      "v": 24,
+      "w": "96px"
+    },
+    {
+      "k": "xl",
+      "v": 32,
+      "w": "128px"
+    },
+    {
+      "k": "2xl",
+      "v": 48,
+      "w": "192px"
+    }
+  ],
+  "sectionSpace": [
+    {
+      "k": "none",
+      "d": "0",
+      "m": "0"
+    },
+    {
+      "k": "sm",
+      "d": "48",
+      "m": "32"
+    },
+    {
+      "k": "md",
+      "d": "80",
+      "m": "48"
+    },
+    {
+      "k": "lg (default)",
+      "d": "112",
+      "m": "64"
+    },
+    {
+      "k": "xl",
+      "d": "160",
+      "m": "88"
+    }
+  ],
+  "containers": [
+    {
+      "k": "narrow",
+      "v": "640px",
+      "w": "36%"
+    },
+    {
+      "k": "content",
+      "v": "960px",
+      "w": "55%"
+    },
+    {
+      "k": "standard (default)",
+      "v": "1280px",
+      "w": "73%"
+    },
+    {
+      "k": "wide",
+      "v": "1536px",
+      "w": "87%"
+    },
+    {
+      "k": "full",
+      "v": "100%",
+      "w": "100%"
+    }
+  ],
+  "ratios": [
+    {
+      "k": "product",
+      "v": "1/1",
+      "n": "setting: square · portrait 4:5 · natural",
+      "w": "120px"
+    },
+    {
+      "k": "collection",
+      "v": "4/5",
+      "n": "collection-item tiles",
+      "w": "110px"
+    },
+    {
+      "k": "hero",
+      "v": "21/9",
+      "n": "text-first hero image",
+      "w": "260px"
+    },
+    {
+      "k": "hero-mobile",
+      "v": "4/5",
+      "n": "mobileImage fallback crop",
+      "w": "110px"
+    },
+    {
+      "k": "editorial",
+      "v": "4/3",
+      "n": "image-with-text, blog",
+      "w": "160px"
+    },
+    {
+      "k": "square",
+      "v": "1/1",
+      "n": "multicolumn, logos grid",
+      "w": "100px"
+    },
+    {
+      "k": "logo",
+      "v": "3/1",
+      "n": "logo-list, max-h 40px",
+      "w": "120px"
+    }
+  ],
+  "motion": [
+    {
+      "k": "Hover",
+      "d": "120ms",
+      "e": "cubic-bezier(.2,0,0,1)",
+      "p": "colour, underline, image crossfade (card hover setting)",
+      "r": "Colour only"
+    },
+    {
+      "k": "Drawer",
+      "d": "280 in / 200 out",
+      "e": "in (.2,0,0,1) · out (.4,0,1,1)",
+      "p": "translateX 100%→0 + scrim fade",
+      "r": "Fade 120ms, no slide"
+    },
+    {
+      "k": "Modal",
+      "d": "200ms",
+      "e": "(.2,0,0,1)",
+      "p": "opacity + scale .98→1",
+      "r": "Opacity only"
+    },
+    {
+      "k": "Accordion",
+      "d": "200ms",
+      "e": "(.2,0,0,1)",
+      "p": "grid-rows 0fr→1fr, chevron 180°",
+      "r": "Instant"
+    },
+    {
+      "k": "Carousel",
+      "d": "360ms",
+      "e": "cubic-bezier(.4,0,.2,1)",
+      "p": "scroll-snap translate; autoplay pauses on hover/focus",
+      "r": "Autoplay off, jump"
+    },
+    {
+      "k": "Loading",
+      "d": "1.4s loop",
+      "e": "linear",
+      "p": "skeleton shimmer (8% luminance sweep)",
+      "r": "Static tile, no shimmer"
+    },
+    {
+      "k": "Toast",
+      "d": "200 in / 160 out",
+      "e": "(.2,0,0,1)",
+      "p": "translateY 8px + opacity, 4s dwell",
+      "r": "Opacity only"
+    },
+    {
+      "k": "Add to cart",
+      "d": "180ms",
+      "e": "(.2,0,0,1)",
+      "p": "label → spinner → check, then drawer",
+      "r": "Label swap only"
+    }
+  ],
+  "dark": [
+    {
+      "k": "--color-bg",
+      "l": "#FFFFFF",
+      "d": "#0E0E0E"
+    },
+    {
+      "k": "--color-bg-muted",
+      "l": "#F4F4F3",
+      "d": "#1C1C1C"
+    },
+    {
+      "k": "--color-media-bg",
+      "l": "#F4F4F3",
+      "d": "#1C1C1C"
+    },
+    {
+      "k": "--color-fg",
+      "l": "#111111",
+      "d": "#F2F2F0"
+    },
+    {
+      "k": "--color-fg-muted",
+      "l": "#5E5E5C",
+      "d": "#A8A8A5"
+    },
+    {
+      "k": "--color-border",
+      "l": "#E8E8E6",
+      "d": "#2A2A2A"
+    },
+    {
+      "k": "--color-border-input",
+      "l": "#8A8A88",
+      "d": "#6E6E6B"
+    },
+    {
+      "k": "--color-brand (default)",
+      "l": "#111111",
+      "d": "#F2F2F0"
+    },
+    {
+      "k": "--color-sale",
+      "l": "#B42318",
+      "d": "#FF8A7A"
+    },
+    {
+      "k": "--color-focus",
+      "l": "#0B57D0",
+      "d": "#7AA7FF"
+    }
+  ],
+  "principles": [
+    {
+      "t": "Quiet confidence",
+      "d": "Nova disappears behind products and brand. One family, one neutral, one accent: the merchant's."
+    },
+    {
+      "t": "Hierarchy before chrome",
+      "d": "Type → space → image → surface → border → shadow. Reach for the next tool only when the previous fails."
+    },
+    {
+      "t": "Built to be configured",
+      "d": "Every default holds at the extremes of the 61 global settings, not just at its own values."
+    },
+    {
+      "t": "Accessible by construction",
+      "d": "AA contrast, 44px targets, focus independent of brand, status never by colour alone."
+    }
+  ]
+}