{
  "$schema": "https://foxora.ai/brand-tokens-schema.json",
  "version": "2.0.0",
  "updated": "2026-04-21",
  "canonical_source": "foxora-web/src/lib/productBranding.js",
  "description": "Canonical Foxora brand color tokens. Aligned to the live megamenu on foxora.ai. Consumed by CommonDock.jsx, Footer.jsx, FoxoraEye.jsx, TheEcosystemSection.jsx, foxora-brand-tokens.css, and (from v2) foxsh/src/tui.rs.",

  "rendering_rules": {
    "mark_geometry_viewbox": "0 0 406 399",
    "wordmark_viewbox":      "0 0 303 61",
    "white_paths":           "Outer fox polygon shape and 'foxora' wordmark letters — ALWAYS #FFFFFF",
    "accent_path":           "Right-facing top triangle — the product accent color (the ONLY path that changes per product)",
    "note":                  "Do NOT make the fox shape navy. The fox is white. Only the triangle tints."
  },

  "base": {
    "bg": {
      "main":    "#0E0D0C",
      "sidebar": "#141312",
      "card":    "#171717"
    },
    "fg": {
      "primary":   "#F5F5F5",
      "secondary": "#A3A3A3",
      "tertiary":  "#737373"
    },
    "border": {
      "sub":     "rgba(255,255,255,0.05)",
      "default": "rgba(255,255,255,0.08)",
      "hover":   "rgba(255,255,255,0.12)"
    },
    "text": {
      "high":   "#E5E5E5",
      "medium": "#A3A3A3",
      "low":    "#737373"
    },
    "backdrop_filter": "blur(24px) saturate(180%)"
  },

  "products": {
    "os": {
      "name":       "Foxora OS",
      "family":     "use",
      "accent":       "#FF4E46",
      "accent_light": "#FF6A4E",
      "accent_deep":  "#C73B34",
      "accent_rgb":   "255, 78, 70",
      "accent_text":  "#FFFFFF",
      "tagline":    "The OS for Artificial Intelligence",
      "adjective":  "coral",
      "mood":       "flagship, fire, heat"
    },
    "desktop": {
      "name":       "Foxora Desktop",
      "family":     "use",
      "accent":       "#FF8A4A",
      "accent_light": "#FFAE7B",
      "accent_deep":  "#E06B2C",
      "accent_rgb":   "255, 138, 74",
      "accent_text":  "#FFFFFF",
      "tagline":    "Chat, code, and ship — together",
      "adjective":  "orange",
      "mood":       "warmth, collaboration"
    },
    "foxeye": {
      "name":       "Foxora Eye",
      "family":     "use",
      "accent":       "#4285F4",
      "accent_light": "#73A4F8",
      "accent_deep":  "#2E65BF",
      "accent_rgb":   "66, 133, 244",
      "accent_text":  "#FFFFFF",
      "tagline":    "Your Chrome becomes a Foxora agent",
      "adjective":  "blue",
      "mood":       "trust, vision, the web"
    },
    "foxsh": {
      "name":       "Foxora Shell",
      "family":     "build",
      "accent":       "#A8D5BA",
      "accent_light": "#C6E4D1",
      "accent_deep":  "#7CB594",
      "accent_rgb":   "168, 213, 186",
      "accent_text":  "#0F1F16",
      "tagline":    "The shell that thinks",
      "adjective":  "mint / sage",
      "mood":       "thinking, fresh, organic"
    },
    "fur": {
      "name":       "Foxora fur",
      "family":     "build",
      "accent":       "#F1C27B",
      "accent_light": "#F6D7A8",
      "accent_deep":  "#C99449",
      "accent_rgb":   "241, 194, 123",
      "accent_text":  "#2B1B09",
      "tagline":    "The Foxora CLI. One command. Any tool.",
      "adjective":  "warm sand",
      "mood":       "tools, craftsmanship"
    },
    "kits": {
      "name":       "Foxora Kits",
      "family":     "build",
      "accent":       "#A3D1CC",
      "accent_light": "#BFDEDA",
      "accent_deep":  "#6FA19C",
      "accent_rgb":   "163, 209, 204",
      "accent_text":  "#0A1F1E",
      "tagline":    "100+ kits. Install in seconds.",
      "adjective":  "teal",
      "mood":       "modular, composable"
    },
    "grayscale": {
      "name":       "Foxora Mark",
      "family":     "neutral",
      "accent":       "#FFFFFF",
      "accent_light": "#FFFFFF",
      "accent_deep":  "#CCCCCC",
      "accent_rgb":   "255, 255, 255",
      "accent_text":  "#0E0D0C",
      "tagline":    "Monochrome variant for docs and terminals",
      "adjective":  "mono",
      "mood":       "neutral, institutional, durable"
    }
  },

  "derived_helpers": {
    "tintRGBA": "rgba(accent_r, accent_g, accent_b, alpha)  — alpha 0.06–0.22 for tile washes / hover rows",
    "lightenHex": "mix(accent, #FFFFFF, 0.18)  — upper gradient stop for Get Started buttons",
    "accent_text_policy": "If relativeLuminance(accent) > 0.55 → accent_text is #0a1a14 (dark).  Otherwise → #FFFFFF."
  },

  "semantic": {
    "success": "#5DD585",
    "warning": "#F1C27B",
    "error":   "#FF4E46",
    "info":    "#4285F4"
  }
}
