{
  "brand": {
    "name": "Symlex VPN",
    "company": "Kolpolok Limited",
    "tagline": "Secure your internet browsing"
  },
  "color": {
    "primary": {
      "blue": "#027DF1",
      "blueHover": "#0769C2",
      "tint": "#D6ECFF",
      "lightTint": "#F0F8FF",
      "navy": "#043563",
      "deepNavy": "#003580"
    },
    "text": {
      "primary": "#0C0C0C",
      "heading": "#141414",
      "grey": "#98A2B3",
      "onPrimary": "#FFFFFF"
    },
    "neutral": {
      "border": "#D0D5DD",
      "divider": "#EAECF0",
      "surface": "#F2F4F7",
      "surfaceAlt": "#F7F7F8",
      "card": "#FFFFFF"
    },
    "status": {
      "success": "#099718",
      "successContrast": "#067A12",
      "successBg": "#ECFDF3",
      "error": "#DD3737",
      "errorContrast": "#C62828",
      "errorBg": "#FEECEB",
      "warning": "#F79009"
    },
    "dark": {
      "background": "#043563",
      "surface": "#003580",
      "card": "#0A4A7A",
      "text": "#FFFFFF",
      "textSecondary": "#B8D4F0",
      "border": "#1A5A9A"
    }
  },
  "typography": {
    "fontFamily": {
      "brand": "'Inter Tight', sans-serif",
      "system": {
        "ios": "-apple-system, 'SF Pro', sans-serif",
        "android": "'Inter Tight', Roboto, sans-serif",
        "macos": "-apple-system, 'SF Pro', sans-serif",
        "tv": "'Inter Tight', sans-serif"
      }
    },
    "fontWeight": {
      "regular": 400,
      "medium": 500,
      "semibold": 600,
      "bold": 700
    },
    "fontSize": {
      "mobile": {
        "caption": "12px",
        "body": "14px",
        "bodyLarge": "16px",
        "title": "20px",
        "headline": "24px",
        "display": "32px"
      },
      "tv": {
        "body": "18px",
        "bodyLarge": "22px",
        "title": "32px",
        "status": "48px"
      }
    }
  },
  "shape": {
    "card": "16px",
    "cardLarge": "24px",
    "button": "10px",
    "input": "10px",
    "pill": "20px",
    "circle": "50%"
  },
  "spacing": {
    "xs": "4px",
    "sm": "8px",
    "md": "12px",
    "lg": "16px",
    "xl": "24px",
    "xxl": "32px",
    "xxxl": "48px"
  },
  "touchTarget": {
    "android": "48dp",
    "ios": "44pt"
  },
  "tv": {
    "safeMargin": {
      "horizontal": "48px",
      "vertical": "27px"
    },
    "focus": {
      "scale": 1.08,
      "ringWidth": "3px",
      "ringColor": "#FFFFFF",
      "glowColor": "#027DF1",
      "duration": "150ms"
    }
  },
  "animation": {
    "connectDuration": "1400ms",
    "focusTransition": "150ms",
    "pageTransition": "300ms"
  },
  "elevation": {
    "none": "none",
    "low": "0 1px 3px rgba(0,0,0,0.08)",
    "medium": "0 4px 12px rgba(0,0,0,0.1)",
    "high": "0 8px 24px rgba(0,0,0,0.12)"
  }
}