{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "RivalScope brand color tokens — Direction \"Signal\". W3C Design Token Community Group (DTCG) format. Mirror of the --brand-* CSS custom properties in frontend/src/app/globals.css. Import via Tokens Studio for Figma or the Figma Variables API.",
  "brand": {
    "$description": "Brand core tokens. Keep in sync with the :root --brand-* declarations in frontend/src/app/globals.css.",
    "ink": {
      "$description": "Neutral ramp 50–900, slightly cool, ~0 chroma. Ink does most of the work across UI and marketing surfaces.",
      "50": {
        "$type": "color",
        "$value": "#FAFAF7",
        "$description": "Lightest paper tint. Default light-mode background.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-50",
            "oklch": "oklch(0.98 0.005 90)"
          }
        }
      },
      "100": {
        "$type": "color",
        "$value": "#F2F1EC",
        "$description": "Soft surface tint. Used for subtle section backgrounds.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-100",
            "oklch": "oklch(0.95 0.006 90)"
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": "#E7E5E0",
        "$description": "Default hairline / divider color on light surfaces.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-200",
            "oklch": "oklch(0.91 0.006 90)"
          }
        }
      },
      "300": {
        "$type": "color",
        "$value": "#D4D2CC",
        "$description": "Strong divider / outline on light surfaces.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-300",
            "oklch": "oklch(0.85 0.006 90)"
          }
        }
      },
      "400": {
        "$type": "color",
        "$value": "#A1A1AA",
        "$description": "Quaternary text. Disabled / placeholder.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-400",
            "oklch": "oklch(0.71 0.006 270)"
          }
        }
      },
      "500": {
        "$type": "color",
        "$value": "#6B7280",
        "$description": "Tertiary text. Eyebrows, captions, metadata.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-500",
            "oklch": "oklch(0.55 0.020 260)"
          }
        }
      },
      "600": {
        "$type": "color",
        "$value": "#3F3F46",
        "$description": "Secondary text and supporting UI labels.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-600",
            "oklch": "oklch(0.36 0.011 270)"
          }
        }
      },
      "700": {
        "$type": "color",
        "$value": "#27272A",
        "$description": "Dark surface tint above ink-800.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-700",
            "oklch": "oklch(0.27 0.008 270)"
          }
        }
      },
      "800": {
        "$type": "color",
        "$value": "#18181B",
        "$description": "Elevated surface in dark mode.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-800",
            "oklch": "oklch(0.20 0.006 270)"
          }
        }
      },
      "900": {
        "$type": "color",
        "$value": "#0A0A0A",
        "$description": "Default dark-mode background and primary text on light surfaces.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-ink-900",
            "oklch": "oklch(0.15 0.000 0)"
          }
        }
      }
    },
    "paper": {
      "$type": "color",
      "$value": "#FAFAF7",
      "$description": "Canonical light-mode paper background. Alias of brand.ink.50.",
      "$extensions": {
        "ci.brand": {
          "cssVar": "--brand-paper"
        }
      }
    },
    "signal": {
      "$description": "Signal blue — the single accent. Reserved for live indicators, evidence highlights, primary CTAs, and confidence chips. Never decorative.",
      "default": {
        "$type": "color",
        "$value": "#1F6FEB",
        "$description": "Primary accent on light surfaces. AA on Ink 50.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-signal",
            "oklch": "oklch(0.58 0.18 255)"
          }
        }
      },
      "deep": {
        "$type": "color",
        "$value": "#1859C7",
        "$description": "Pressed / hover state for primary CTAs.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-signal-deep",
            "oklch": "oklch(0.49 0.18 255)"
          }
        }
      },
      "soft": {
        "$type": "color",
        "$value": "#E8F0FE",
        "$description": "Backdrop tint behind Signal text or chips. Never use as a section background.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-signal-soft",
            "oklch": "oklch(0.96 0.025 255)"
          }
        }
      },
      "on-dark": {
        "$type": "color",
        "$value": "#5B9CFF",
        "$description": "Lifted accent for dark surfaces. AAA on Ink 900.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-signal-on-dark",
            "oklch": "oklch(0.71 0.16 255)"
          }
        }
      }
    },
    "status": {
      "$description": "Status colors pulled from the brand palette so dashboards stay cohesive.",
      "success": {
        "$type": "color",
        "$value": "#16A34A",
        "$description": "Positive / success state.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-success"
          }
        }
      },
      "warning": {
        "$type": "color",
        "$value": "#B45309",
        "$description": "Warning state.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-warning"
          }
        }
      },
      "danger": {
        "$type": "color",
        "$value": "#B42318",
        "$description": "Destructive / danger state.",
        "$extensions": {
          "ci.brand": {
            "cssVar": "--brand-danger"
          }
        }
      }
    }
  }
}