{
  "$description": "Arete AIOS Brandbook 1.11.0 design tokens in the DTCG 2025.10 format. Generated from the canonical source; brandbook.json is the Arete-specific structure and tokens.css the CSS projection. Source: https://areteaios.com/brandbook",
  "$extensions": {
    "com.areteaios.brandbook": {
      "version": "1.11.0",
      "updated": "2026-10-22",
      "format": "DTCG 2025.10",
      "source": "https://areteaios.com/brandbook/brandbook.md"
    }
  },
  "color": {
    "brand": {
      "light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0431,
            0.3882,
            0.7137
          ],
          "alpha": 1.0,
          "hex": "#0B63B6"
        },
        "$description": "Primary blue on light: buttons, links.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--brand",
            "surface": "light"
          }
        }
      },
      "deep": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.2392,
            0.4706
          ],
          "alpha": 1.0,
          "hex": "#0A3D78"
        },
        "$description": "Hover and deep fills on light.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--brand-deep",
            "surface": "light"
          }
        }
      },
      "dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.5059,
            1.0
          ],
          "alpha": 1.0,
          "hex": "#0081FF"
        },
        "$description": "Primary blue on dark surfaces.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--brand-dark",
            "surface": "dark"
          }
        }
      }
    },
    "accent": {
      "light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0863,
            0.6,
            0.6588
          ],
          "alpha": 1.0,
          "hex": "#1699A8"
        },
        "$description": "Teal on light: terminal prompts, checkmarks, one highlighted card. 3.3:1 on warm paper: large text or marks only.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--accent",
            "surface": "light"
          }
        }
      },
      "dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.6157,
            0.6941
          ],
          "alpha": 1.0,
          "hex": "#009DB1"
        },
        "$description": "Teal on dark surfaces.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--accent-dark",
            "surface": "dark"
          }
        }
      }
    },
    "text": {
      "ink": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.0706,
            0.1216
          ],
          "alpha": 1.0,
          "hex": "#0A121F"
        },
        "$description": "Headings and primary text on light.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--ink",
            "surface": "light"
          }
        }
      },
      "muted": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3647,
            0.3922,
            0.4353
          ],
          "alpha": 1.0,
          "hex": "#5D646F"
        },
        "$description": "Secondary text on light.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--muted",
            "surface": "light"
          }
        }
      },
      "onDark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9765,
            0.9804,
            0.9882
          ],
          "alpha": 1.0,
          "hex": "#F9FAFC"
        },
        "$description": "Headings on dark.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--dark-text",
            "surface": "dark"
          }
        }
      },
      "bodyOnDark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7686,
            0.7961,
            0.8392
          ],
          "alpha": 1.0,
          "hex": "#C4CBD6"
        },
        "$description": "Body text on dark.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--dark-body",
            "surface": "dark"
          }
        }
      }
    },
    "surface": {
      "dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.0706,
            0.1216
          ],
          "alpha": 1.0,
          "hex": "#0A121F"
        },
        "$description": "Dark canvas: hero bands, navigation, decks, AIOS.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--dark",
            "surface": "dark"
          }
        }
      },
      "page": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9882,
            0.9804,
            0.9647
          ],
          "alpha": 1.0,
          "hex": "#FCFAF6"
        },
        "$description": "Warm off-white default page background. Never pure white or cool grey.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--page",
            "surface": "light"
          }
        }
      },
      "card": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1.0,
          "hex": "#FFFFFF"
        },
        "$description": "Card surface.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--card",
            "surface": "light"
          }
        }
      },
      "warmSunken": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9529,
            0.9412,
            0.9176
          ],
          "alpha": 1.0,
          "hex": "#F3F0EA"
        },
        "$description": "Warm alternating band.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--warm-sunken",
            "surface": "light"
          }
        }
      },
      "coolBand": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9255,
            0.9529,
            0.9804
          ],
          "alpha": 1.0,
          "hex": "#ECF3FA"
        },
        "$description": "Cool alternating band.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--cool-band",
            "surface": "light"
          }
        }
      }
    },
    "line": {
      "light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8902,
            0.9098,
            0.9373
          ],
          "alpha": 1.0,
          "hex": "#E3E8EF"
        },
        "$description": "Hairlines and borders on light (decorative, about 1.2:1).",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--line",
            "surface": "light"
          }
        }
      },
      "dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 0.1,
          "hex": "#FFFFFF"
        },
        "$description": "Hairlines on dark: white at 10% alpha.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--dark-line",
            "surface": "dark"
          }
        }
      }
    },
    "status": {
      "ok": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2392,
            0.7333,
            0.3882
          ],
          "alpha": 1.0,
          "hex": "#3DBB63"
        },
        "$description": "Functional only: active, healthy, done.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--ok",
            "surface": "any"
          }
        }
      },
      "warn": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.851,
            0.651,
            0.2353
          ],
          "alpha": 1.0,
          "hex": "#D9A63C"
        },
        "$description": "Functional only: at risk, pending.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--warn",
            "surface": "any"
          }
        }
      },
      "danger": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8902,
            0.3333,
            0.3333
          ],
          "alpha": 1.0,
          "hex": "#E35555"
        },
        "$description": "Functional only: broken, failed.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--danger",
            "surface": "any"
          }
        }
      },
      "info": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3451,
            0.6,
            0.9216
          ],
          "alpha": 1.0,
          "hex": "#5899EB"
        },
        "$description": "Functional only: note, neutral signal.",
        "$extensions": {
          "com.areteaios.brandbook": {
            "css": "--info",
            "surface": "any"
          }
        }
      }
    }
  },
  "gradient": {
    "primary": {
      "$type": "gradient",
      "$value": [
        {
          "color": {
            "colorSpace": "oklch",
            "components": [
              0.42,
              0.2,
              258.0
            ],
            "alpha": 1
          },
          "position": 0
        },
        {
          "color": {
            "colorSpace": "oklch",
            "components": [
              0.72,
              0.18,
              250.0
            ],
            "alpha": 1
          },
          "position": 1
        }
      ],
      "$description": "Primary CTAs and icon chips only; direction 135deg is kept in the CSS extension because DTCG gradients carry stops only.",
      "$extensions": {
        "com.areteaios.brandbook": {
          "css": "--gradient-primary",
          "cssValue": "linear-gradient(135deg, oklch(0.42 0.2 258), oklch(0.72 0.18 250))",
          "angle": "135deg"
        }
      }
    }
  },
  "radius": {
    "card": {
      "$type": "dimension",
      "$value": {
        "value": 14,
        "unit": "px"
      },
      "$description": "Cards.",
      "$extensions": {
        "com.areteaios.brandbook": {
          "css": "--radius-card"
        }
      }
    },
    "input": {
      "$type": "dimension",
      "$value": {
        "value": 10,
        "unit": "px"
      },
      "$description": "Inputs.",
      "$extensions": {
        "com.areteaios.brandbook": {
          "css": "--radius-input"
        }
      }
    },
    "pill": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      },
      "$description": "All buttons are pills.",
      "$extensions": {
        "com.areteaios.brandbook": {
          "css": "--radius-pill"
        }
      }
    }
  },
  "space": {
    "8": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      },
      "$description": "8px base scale step."
    },
    "16": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      },
      "$description": "8px base scale step."
    },
    "24": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      },
      "$description": "8px base scale step."
    },
    "32": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      },
      "$description": "8px base scale step."
    },
    "48": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      },
      "$description": "8px base scale step."
    },
    "64": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      },
      "$description": "8px base scale step."
    },
    "96": {
      "$type": "dimension",
      "$value": {
        "value": 96,
        "unit": "px"
      },
      "$description": "8px base scale step."
    },
    "128": {
      "$type": "dimension",
      "$value": {
        "value": 128,
        "unit": "px"
      },
      "$description": "8px base scale step."
    }
  },
  "layout": {
    "sectionPaddingDesktop": {
      "$type": "dimension",
      "$value": {
        "value": 96,
        "unit": "px"
      },
      "$description": "Section vertical padding, desktop."
    },
    "sectionPaddingMobile": {
      "$type": "dimension",
      "$value": {
        "value": 56,
        "unit": "px"
      },
      "$description": "Section vertical padding, mobile."
    },
    "contentMaxWidth": {
      "$type": "dimension",
      "$value": {
        "value": 1200,
        "unit": "px"
      },
      "$description": "Max content width."
    },
    "textMaxWidth": {
      "$type": "dimension",
      "$value": {
        "value": 720,
        "unit": "px"
      },
      "$description": "Max width for text-only pages."
    },
    "measure": {
      "$type": "number",
      "$value": 68,
      "$description": "Body text never wider than 68 characters."
    }
  },
  "font": {
    "family": {
      "display": {
        "$type": "fontFamily",
        "$value": [
          "Literata",
          "serif"
        ],
        "$description": "H1 and H2 only; weights 500-600, never 700. Request with opsz axis."
      },
      "text": {
        "$type": "fontFamily",
        "$value": [
          "Inter",
          "sans-serif"
        ],
        "$description": "Everything else: H3, body, UI, buttons, numbers, eyebrows."
      },
      "mono": {
        "$type": "fontFamily",
        "$value": [
          "JetBrains Mono",
          "monospace"
        ],
        "$description": "Terminal, code and live data only."
      }
    },
    "weight": {
      "display": {
        "$type": "fontWeight",
        "$value": 500
      },
      "displayStrong": {
        "$type": "fontWeight",
        "$value": 600
      },
      "regular": {
        "$type": "fontWeight",
        "$value": 400
      },
      "semibold": {
        "$type": "fontWeight",
        "$value": 600
      },
      "bold": {
        "$type": "fontWeight",
        "$value": 700
      }
    }
  },
  "typography": {
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": {
          "value": 76,
          "unit": "px"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": -1.52,
          "unit": "px"
        },
        "lineHeight": 1.02
      },
      "$description": "H1 / display at 1440px+. Letter-spacing is the canonical em value converted at this size."
    },
    "h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": {
          "value": 40,
          "unit": "px"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": -0.8,
          "unit": "px"
        },
        "lineHeight": 1.1
      },
      "$description": "H2 / section heading. Letter-spacing is the canonical em value converted at this size."
    },
    "h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": -0.36,
          "unit": "px"
        },
        "lineHeight": 1.3
      },
      "$description": "H3 / card heading. Letter-spacing is the canonical em value converted at this size."
    },
    "stat": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 96,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1
      },
      "$description": "Large stat number. Letter-spacing is the canonical em value converted at this size."
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 17,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.6
      },
      "$description": "Body. Letter-spacing is the canonical em value converted at this size."
    },
    "small": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.5
      },
      "$description": "Small / caption. Letter-spacing is the canonical em value converted at this size."
    },
    "eyebrow": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 12.5,
          "unit": "px"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": 2.25,
          "unit": "px"
        },
        "lineHeight": 1.5
      },
      "$description": "Numbered eyebrow \"01 / LABEL\", uppercase, blue. Letter-spacing is the canonical em value converted at this size."
    },
    "mono": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.mono}",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.6
      },
      "$description": "Terminal / data readout, 13-14px. Letter-spacing is the canonical em value converted at this size."
    },
    "button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.2
      },
      "$description": "Button label. Letter-spacing is the canonical em value converted at this size."
    }
  }
}