{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "Brivo brand colour tokens. Compatible with Figma Tokens, Style Dictionary, Tokens Studio, and most design-token tooling. The 'flat' object at the bottom is a convenience for Tailwind/CSS consumption.",
  "$version": "1.0.0",
  "$updated": "2026-05-24",
  "brivo": {
    "colour": {
      "navy": {
        "$value": "#1a2333",
        "$type": "color",
        "$description": "Primary brand colour. Used for the logo, headings, and primary type."
      },
      "void": {
        "$value": "#0b1020",
        "$type": "color",
        "$description": "Backdrop. Deep contrast for full-bleed dark surfaces."
      },
      "cyan": {
        "$value": "#00c2d1",
        "$type": "color",
        "$description": "Accent. Highlights and interactive states. Use sparingly."
      },
      "mist": {
        "$value": "#d9f5f8",
        "$type": "color",
        "$description": "Subtle accent. Soft fills and informational backgrounds."
      },
      "slate": {
        "$value": "#98a2b3",
        "$type": "color",
        "$description": "Secondary type. Meta text, captions, hairlines."
      },
      "paper": {
        "$value": "#faf8fc",
        "$type": "color",
        "$description": "Surface. Page background and light cards."
      }
    },
    "role": {
      "brand": {
        "$value": "{brivo.colour.navy}",
        "$type": "color"
      },
      "background": {
        "$value": "{brivo.colour.paper}",
        "$type": "color"
      },
      "background-dark": {
        "$value": "{brivo.colour.void}",
        "$type": "color"
      },
      "ink-primary": {
        "$value": "{brivo.colour.navy}",
        "$type": "color"
      },
      "ink-secondary": {
        "$value": "{brivo.colour.slate}",
        "$type": "color"
      },
      "accent": {
        "$value": "{brivo.colour.cyan}",
        "$type": "color"
      },
      "accent-subtle": {
        "$value": "{brivo.colour.mist}",
        "$type": "color"
      }
    }
  },
  "flat": {
    "navy": "#1a2333",
    "void": "#0b1020",
    "cyan": "#00c2d1",
    "mist": "#d9f5f8",
    "slate": "#98a2b3",
    "paper": "#faf8fc"
  },
  "tailwind": {
    "extend": {
      "colors": {
        "brivo-navy": "#1a2333",
        "brivo-void": "#0b1020",
        "brivo-cyan": "#00c2d1",
        "brivo-mist": "#d9f5f8",
        "brivo-slate": "#98a2b3",
        "brivo-paper": "#faf8fc"
      }
    }
  },
  "css": {
    "variables": {
      "--brivo-navy": "#1a2333",
      "--brivo-void": "#0b1020",
      "--brivo-cyan": "#00c2d1",
      "--brivo-mist": "#d9f5f8",
      "--brivo-slate": "#98a2b3",
      "--brivo-paper": "#faf8fc"
    }
  }
}