{
  "$meta": {
    "brand": "Rep Llama",
    "source": "wanaku-portal/app/globals.css",
    "note": "Generated from the portal's globals.css — the code is the source of truth. Light and dark are both required for every colour token."
  },
  "color": {
    "brand": {
      "light": "#2c6ad4",
      "dark": "#6fa6ff"
    },
    "brand-hover": {
      "light": "#21539f",
      "dark": "#8fbaff"
    },
    "brand-fg": {
      "light": "#ffffff",
      "dark": "#06223f"
    },
    "brand-subtle": {
      "light": "#e6f0fe",
      "dark": "#15294a"
    },
    "accent": {
      "light": "#e8b338",
      "dark": "#e8b338"
    },
    "accent-fg": {
      "light": "#002952",
      "dark": "#1a1410"
    },
    "background": {
      "light": "#f6f8fb",
      "dark": "#0b1622"
    },
    "surface": {
      "light": "#ffffff",
      "dark": "#122033"
    },
    "surface-2": {
      "light": "#e9edf2",
      "dark": "#1a2b40"
    },
    "foreground": {
      "light": "#002952",
      "dark": "#e8eef5"
    },
    "muted": {
      "light": "#5c6b79",
      "dark": "#9db0c2"
    },
    "muted-2": {
      "light": "#8b97a2",
      "dark": "#6f8298"
    },
    "border": {
      "light": "#dee4ec",
      "dark": "#26384f"
    },
    "border-strong": {
      "light": "#c5cfda",
      "dark": "#38506b"
    },
    "success": {
      "light": "#1b9a66",
      "dark": "#34c58a"
    },
    "success-subtle": {
      "light": "#e3f4ec",
      "dark": "#0f3325"
    },
    "warning": {
      "light": "#b5840f",
      "dark": "#e0a52e"
    },
    "warning-subtle": {
      "light": "#fbf0d4",
      "dark": "#3a2d10"
    },
    "danger": {
      "light": "#d8493c",
      "dark": "#f0625a"
    },
    "danger-subtle": {
      "light": "#fbe7e4",
      "dark": "#3a1a18"
    },
    "ring": {
      "light": "#508ff7",
      "dark": "#6fa6ff"
    }
  },
  "typography": {
    "display": {
      "family": "Hanken Grotesk",
      "weights": [
        500,
        700,
        800
      ],
      "note": "500 is load-bearing — the lockup sets Rep at 500."
    },
    "body": {
      "family": "Inter",
      "weights": [
        400,
        500,
        600,
        700
      ]
    },
    "mono": {
      "family": "JetBrains Mono",
      "weights": [
        400,
        500
      ]
    }
  },
  "wordmark": {
    "solidInLockupOnly": true,
    "spacedEverywhereElse": "Rep Llama",
    "rep": {
      "weight": 500,
      "letterSpacing": "0.01em"
    },
    "llama": {
      "weight": 800,
      "smallSizeWeight": 700
    },
    "outerLetterSpacing": "-0.02em",
    "lockups": [
      "horizontal",
      "stacked",
      "endorsement"
    ],
    "markMinSize": 20,
    "clearSpaceRatio": 0.25
  },
  "weave": {
    "tile": 18,
    "pitch": 9,
    "diamondHeight": 4.8,
    "hairlineY": [
      2.1,
      6.9
    ],
    "hairlineWidth": 1,
    "heights": {
      "hairline": 4,
      "band": 10,
      "cloth": 28
    },
    "threads": {
      "default": {
        "light": "rgba(255,255,255,0.5)",
        "dark": "rgba(0,41,82,0.35)",
        "hairline": "var(--accent)"
      },
      "tinted": {
        "light": "rgba(255,255,255,0.88)",
        "dark": "rgba(0,41,82,0.55)",
        "note": "Copper vanishes on the warm and teal accents, so a tinted ground never uses it."
      }
    },
    "hairlineBelowPx": 120
  },
  "spacing": {
    "xs": 4,
    "sm": 8,
    "md": 12,
    "lg": 16,
    "xl": 24
  },
  "radius": {
    "$comment": "PLATFORM-SCOPED: iOS only. Source of truth is RepLlamaKit Theme.swift (RepLlamaTheme.Radius). The WEB has no radius tokens by design - it uses Tailwind directly: rounded-md 6px for controls, rounded-lg 8px for surfaces. 12px appears nowhere in the suite's web UI. Do not emit these into repllama-tokens.css or any web surface. See BRAND.md section 8.",
    "platform": "ios",
    "badge": 8,
    "card": 12,
    "surface": 16
  },
  "wash": {
    "surface": 0.12,
    "iconChip": 0.1
  },
  "adminAccent": "#64748b"
}