{
  "id": "figma-canonical-dark",
  "tagline": "Dark Edition",
  "mode": "dark",
  "physics": "flat",
  "palette": {
    "color-premium": "#ff8c00",
    "color-system": "#a078ff",
    "color-success": "#00e055",
    "color-error": "#ff3c40",
    "color-premium-light": "oklch(from var(--color-premium) calc(l * 1.25) c h)",
    "color-premium-dark": "oklch(from var(--color-premium) calc(l * 0.75) c h)",
    "color-premium-subtle": "oklch(from var(--color-premium) l c h / 0.15)",
    "color-system-light": "oklch(from var(--color-system) calc(l * 1.25) c h)",
    "color-system-dark": "oklch(from var(--color-system) calc(l * 0.75) c h)",
    "color-system-subtle": "oklch(from var(--color-system) l c h / 0.15)",
    "color-success-light": "oklch(from var(--color-success) calc(l * 1.25) c h)",
    "color-success-dark": "oklch(from var(--color-success) calc(l * 0.75) c h)",
    "color-success-subtle": "oklch(from var(--color-success) l c h / 0.15)",
    "color-error-light": "oklch(from var(--color-error) calc(l * 1.25) c h)",
    "color-error-dark": "oklch(from var(--color-error) calc(l * 0.75) c h)",
    "color-error-subtle": "oklch(from var(--color-error) l c h / 0.15)",
    "font-atmos-heading": "'Inter', sans-serif",
    "font-atmos-body": "'Inter', sans-serif",
    "bg-canvas": "#1e1e22",
    "bg-spotlight": "#2c2c30",
    "bg-surface": "#3a3a3e",
    "bg-sunk": "#0d0d10",
    "energy-primary": "#1abcfe",
    "energy-secondary": "#f24e1e",
    "border-color": "rgba(26, 188, 254, 0.22)",
    "text-main": "#f5f5f6",
    "text-dim": "#b8b8bc",
    "text-mute": "#838388"
  },
  "disclaimer": "Atmospheric study inspired by Figma's publicly visible design language. Void Energy is not affiliated with, endorsed by, sponsored by, or licensed by Figma. The downloadable atmosphere file contains color, motion, and typographic-rhythm tokens only — no brand logos, marks, or proprietary assets. All trademarks are the property of their respective owners.",
  "description": "Figma's product-canvas dark interpretation — carrying the Figma logo rainbow into the chrome via the cyan #1abcfe primary + red-orange #f24e1e secondary pairing. Neutral near-black canvas with a slight lift through the surface ladder. The \"designer at work\" voice: professional vector tool with brand-mark colors as accent, not flooding the chrome.",
  "sources": [
    "https://www.figma.com",
    "https://www.figma.com/community",
    "https://getdesign.md/figma/design-md"
  ],
  "antiPatterns": [
    "Don't substitute cyan #1abcfe with a generic blue — it's specifically the Figma logo cyan, the brand's recognizable hue.",
    "Don't promote red-orange #f24e1e to primary — secondary support keeps the brand-mark reading without overwhelming the canvas.",
    "Don't introduce magenta or other rainbow-mark hues as primary — the canonical reading uses only cyan + red-orange in chrome."
  ],
  "brand": {
    "id": "figma",
    "name": "Figma",
    "radii": {
      "sm": "2px",
      "md": "4px",
      "lg": "6px",
      "xl": "8px"
    },
    "motion": {
      "speedFast": 140,
      "easeSpringSnappy": "cubic-bezier(0.2, 0, 0, 1)"
    },
    "typography": {
      "weightHeading": 600
    },
    "density": 0.94,
    "fonts": {
      "heading": {
        "family": "Inter"
      },
      "body": {
        "family": "Inter"
      }
    }
  }
}