> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rainy-mate.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tahoe design system

> Tahoe color, surface, and typography guidelines for Rainy MaTE documentation and UI.

## Theme direction

Tahoe is the default Rainy visual identity: clear blue primaries, soft atmospheric gradients, and translucent surfaces.

## Core Tahoe palette

| Token              | Value     | Usage                            |
| :----------------- | :-------- | :------------------------------- |
| `Tahoe primary`    | `#2563EB` | Primary actions and links        |
| `Tahoe light`      | `#60A5FA` | Highlights and secondary accents |
| `Tahoe deep`       | `#1E3A8A` | Dark contrast accents            |
| `Dark background`  | `#0B1220` | Atmosphere for dark layouts      |
| `Light background` | `#F8FAFF` | Atmosphere for light layouts     |

## Source of truth in this repository

* App theme tokens: `src/lib/themes.ts` (`rainy-tahoe`)
* Base CSS tokens: `src/global.css`
* Mintlify colors: `rainy-docs/docs.json`
* Mintlify visual tuning: `rainy-docs/custom.css`

## Surface pattern

For overlays, modals, and cards, use blur with translucent backgrounds.

```tsx theme={null}
<div className="backdrop-blur-md bg-white/10 border-white/20" />
```

This pattern keeps long workflows readable while preserving Tahoe depth.