diff --git a/docs/models/chatgpt.md b/docs/models/chatgpt.md
new file mode 100644
index 0000000..065bd0c
--- /dev/null
+++ b/docs/models/chatgpt.md
@@ -0,0 +1,90 @@
+# Threadstone · ChatGPT Theme
+
+**Modell:** OpenAI ChatGPT (chat.openai.com)
+**Threadstone-rolle:** Generalist, hurtig iterasjon, kode, kreativ skriving
+
+---
+
+## Identitet
+
+ChatGPT er klar, effektiv og direkte. Paletten er kjølig og nøytral — nær OpenAIs eget designspråk, men med mer personlighet. Mørk modus er primær for denne modellen; lys modus er ren og funksjonell.
+
+---
+
+## Fargepalett
+
+| Token | Lys modus | Mørk modus | Bruk |
+|---|---|---|---|
+| `--ts-bg` | `#f7f7f7` | `#0d0d0d` | Sidebunn |
+| `--ts-surface` | `#ffffff` | `#141414` | Kort, sidepanel |
+| `--ts-surface-2` | `#f0f0f0` | `#1c1c1c` | Nested elementer |
+| `--ts-border` | `#e0e0e0` | `#2a2a2a` | Skillere |
+| `--ts-text` | `#0d0d0d` | `#ececec` | Brødtekst |
+| `--ts-text-muted` | `#6b6b6b` | `#8a8a8a` | Sekundær tekst |
+| `--ts-accent` | `#10a37f` | `#19c37d` | CTA, fokusring, lenker |
+| `--ts-accent-hover` | `#0d8a6a` | `#10a37f` | Hover-state |
+| `--ts-accent-highlight` | `#d4f1e9` | `#0d2e25` | Subtil bakgrunn |
+
+---
+
+## Typografi
+
+```css
+--ts-font-display: 'General Sans', 'Helvetica Neue', sans-serif;  /* Overskrifter ≥ 24px */
+--ts-font-body:    'General Sans', 'Inter', sans-serif;            /* Brødtekst, UI */
+```
+
+- **Display + Body:** General Sans (Fontshare) — to vekter er nok (400 + 600)
+- Overskrifter: vekt 600, linjehøyde 1.15, letter-spacing -0.01em
+- Brødtekst: 16px, linjehøyde 1.6, maks 70ch bredde
+- Monospace for kode: `'Geist Mono', 'Fira Code', monospace`
+
+---
+
+## Designprinsipp
+
+- **Minimalt og funksjonelt** — ingen dekorasjon som ikke har formål
+- **Grønn som eneste aksent** — OpenAI-signaturfargen, men Threadstone-justert
+- **Mørk modus er primær** — design for mørk bakgrunn først
+- **Avrunding:** `--radius-md: 0.75rem` — konsistent, moderne
+- **Tetthet:** kompakt — kortere padding enn Claude-tema, mer innhold per skjerm
+- Kode-blokker: alltid synlige, `surface-2`-bakgrunn med scrollbar
+
+---
+
+## Eksempel — CSS-variabler
+
+```css
+[data-theme="chatgpt"] {
+  --ts-bg:               #f7f7f7;
+  --ts-surface:          #ffffff;
+  --ts-surface-2:        #f0f0f0;
+  --ts-border:           #e0e0e0;
+  --ts-text:             #0d0d0d;
+  --ts-text-muted:       #6b6b6b;
+  --ts-accent:           #10a37f;
+  --ts-accent-hover:     #0d8a6a;
+  --ts-accent-highlight: #d4f1e9;
+  --ts-font-display:     'General Sans', 'Helvetica Neue', sans-serif;
+  --ts-font-body:        'General Sans', Inter, sans-serif;
+}
+
+[data-theme="chatgpt"][data-mode="dark"] {
+  --ts-bg:               #0d0d0d;
+  --ts-surface:          #141414;
+  --ts-surface-2:        #1c1c1c;
+  --ts-border:           #2a2a2a;
+  --ts-text:             #ececec;
+  --ts-text-muted:       #8a8a8a;
+  --ts-accent:           #19c37d;
+  --ts-accent-hover:     #10a37f;
+  --ts-accent-highlight: #0d2e25;
+}
+```
+
+---
+
+## Stemning
+
+> Tenk: et moderne coworking-space klokken 23.
+> Mørkt, stille, effektivt — grønt terminalblinktt i hjørnet.
diff --git a/docs/models/claude.md b/docs/models/claude.md
new file mode 100644
index 0000000..c9931f3
--- /dev/null
+++ b/docs/models/claude.md
@@ -0,0 +1,89 @@
+# Threadstone · Claude Theme
+
+**Modell:** Anthropic Claude (claude.ai)
+**Threadstone-rolle:** Dyp analyse, lange kontekstvinduer, juridisk/medisinsk presisjon
+
+---
+
+## Identitet
+
+Claude er varm, rolig og gjennomtenkt. Paletten reflekterer dette: kremhvite overflater, terrakotta-aksent, ingen harde kontraster. Brukeropplevelsen skal føles som et bibliotek — rolig, strukturert, trygg.
+
+---
+
+## Fargepalett
+
+| Token | Lys modus | Mørk modus | Bruk |
+|---|---|---|---|
+| `--ts-bg` | `#f9f6f1` | `#1a1714` | Sidebunn |
+| `--ts-surface` | `#f4f0e8` | `#201d1a` | Kort, sidepanel |
+| `--ts-surface-2` | `#ede8de` | `#272320` | Nested elementer |
+| `--ts-border` | `#d6cfc4` | `#3a3530` | Skillere |
+| `--ts-text` | `#2c2420` | `#e8e2d8` | Brødtekst |
+| `--ts-text-muted` | `#7a6e65` | `#8a7e74` | Sekundær tekst |
+| `--ts-accent` | `#c96442` | `#e07a57` | CTA, fokusring, lenker |
+| `--ts-accent-hover` | `#a84e30` | `#c96442` | Hover-state |
+| `--ts-accent-highlight` | `#f0ddd6` | `#3d2820` | Subtil bakgrunn |
+
+---
+
+## Typografi
+
+```css
+--ts-font-display: 'Zodiak', 'Georgia', serif;      /* Overskrifter ≥ 24px */
+--ts-font-body:    'Satoshi', 'Inter', sans-serif;   /* Brødtekst, UI */
+```
+
+- **Display:** Zodiak (Fontshare) — elegant serif med humanistisk karakter
+- **Body:** Satoshi (Fontshare) — geometrisk grotesk, lesbar i alle størrelser
+- Overskrifter: vekter 500–700, linjehøyde 1.15
+- Brødtekst: 16px, linjehøyde 1.65, maks 68ch bredde
+
+---
+
+## Designprinsipp
+
+- **Varm nøytral** — ikke ren hvit, ikke grå. Krem og sand.
+- **Terrakotta som eneste aksent** — aldri blå eller lilla på Claude-tema
+- **Luft og margin** — romslig padding, ingen tranghet
+- **Avrunding:** `--radius-md: 0.5rem` — ingen skarpe hjørner, men ikke bubbly
+- Ikoner: Lucide, stroke-style, aldri fylt
+
+---
+
+## Eksempel — CSS-variabler
+
+```css
+[data-theme="claude"] {
+  --ts-bg:               #f9f6f1;
+  --ts-surface:          #f4f0e8;
+  --ts-surface-2:        #ede8de;
+  --ts-border:           #d6cfc4;
+  --ts-text:             #2c2420;
+  --ts-text-muted:       #7a6e65;
+  --ts-accent:           #c96442;
+  --ts-accent-hover:     #a84e30;
+  --ts-accent-highlight: #f0ddd6;
+  --ts-font-display:     'Zodiak', Georgia, serif;
+  --ts-font-body:        'Satoshi', Inter, sans-serif;
+}
+
+[data-theme="claude"][data-mode="dark"] {
+  --ts-bg:               #1a1714;
+  --ts-surface:          #201d1a;
+  --ts-surface-2:        #272320;
+  --ts-border:           #3a3530;
+  --ts-text:             #e8e2d8;
+  --ts-text-muted:       #8a7e74;
+  --ts-accent:           #e07a57;
+  --ts-accent-hover:     #c96442;
+  --ts-accent-highlight: #3d2820;
+}
+```
+
+---
+
+## Stemning
+
+> Tenk: et gammelt universitetsbibliotek med nye vinduer.
+> Varmt lys, tunge bøker, men luftig og ryddig.
diff --git a/docs/models/gemini.md b/docs/models/gemini.md
new file mode 100644
index 0000000..792ac9a
--- /dev/null
+++ b/docs/models/gemini.md
@@ -0,0 +1,91 @@
+# Threadstone · Gemini Theme
+
+**Modell:** Google Gemini (gemini.google.com)
+**Threadstone-rolle:** Multimodal analyse, GCP-integrasjon, sanntidsdata, kode + bilde
+
+---
+
+## Identitet
+
+Gemini er fremtidsrettet, levende og fargerik — Googles multimodale flaggskip. Paletten bruker Googles signaturfarge-DNA (blå, indigo) men fortynnet til noe som faktisk er behagelig over tid. Dynamisk uten å være urolig.
+
+---
+
+## Fargepalett
+
+| Token | Lys modus | Mørk modus | Bruk |
+|---|---|---|---|
+| `--ts-bg` | `#f8f9ff` | `#0c0e1a` | Sidebunn |
+| `--ts-surface` | `#f0f2ff` | `#12152a` | Kort, sidepanel |
+| `--ts-surface-2` | `#e6e9ff` | `#181c30` | Nested elementer |
+| `--ts-border` | `#cdd2f5` | `#252a42` | Skillere |
+| `--ts-text` | `#0c0e1a` | `#e4e6f8` | Brødtekst |
+| `--ts-text-muted` | `#5a5f82` | `#7a7fa8` | Sekundær tekst |
+| `--ts-accent` | `#4355f5` | `#6b7cff` | CTA, fokusring, lenker |
+| `--ts-accent-hover` | `#2d3dd4` | `#4355f5` | Hover-state |
+| `--ts-accent-highlight` | `#dde0ff` | `#1a1f3a` | Subtil bakgrunn |
+
+---
+
+## Typografi
+
+```css
+--ts-font-display: 'Cabinet Grotesk', 'Google Sans', sans-serif;  /* Overskrifter ≥ 24px */
+--ts-font-body:    'Satoshi', 'Inter', sans-serif;                 /* Brødtekst, UI */
+```
+
+- **Display:** Cabinet Grotesk (Fontshare) — bred, geometrisk, høy vekt uttrykk (800–900)
+- **Body:** Satoshi (Fontshare) — ren og lesbar
+- Overskrifter: vekt 700–800, letter-spacing -0.02em
+- Brødtekst: 16px, linjehøyde 1.6
+- Display-skrift kan gå til `--text-hero` (128px) i hero-seksjoner
+
+---
+
+## Designprinsipp
+
+- **Blå-indigo som primæraksent** — Googles DNA, men dempet til arbeidsbruk
+- **Svakt blåfarget overflater** — ikke ren hvit/grå, men tinted bakgrunn
+- **Gradient-moment:** én subtil gradient tillatt i hero (`in oklab` fra accent til surface)
+- **Avrunding:** `--radius-lg: 1rem` — rund og moderne
+- **Lys modus er primær** — frisk og åpen, klar for data og bilder
+- Ikoner: Lucide eller Google Material Symbols (outline-variant)
+
+---
+
+## Eksempel — CSS-variabler
+
+```css
+[data-theme="gemini"] {
+  --ts-bg:               #f8f9ff;
+  --ts-surface:          #f0f2ff;
+  --ts-surface-2:        #e6e9ff;
+  --ts-border:           #cdd2f5;
+  --ts-text:             #0c0e1a;
+  --ts-text-muted:       #5a5f82;
+  --ts-accent:           #4355f5;
+  --ts-accent-hover:     #2d3dd4;
+  --ts-accent-highlight: #dde0ff;
+  --ts-font-display:     'Cabinet Grotesk', 'Google Sans', sans-serif;
+  --ts-font-body:        'Satoshi', Inter, sans-serif;
+}
+
+[data-theme="gemini"][data-mode="dark"] {
+  --ts-bg:               #0c0e1a;
+  --ts-surface:          #12152a;
+  --ts-surface-2:        #181c30;
+  --ts-border:           #252a42;
+  --ts-text:             #e4e6f8;
+  --ts-text-muted:       #7a7fa8;
+  --ts-accent:           #6b7cff;
+  --ts-accent-hover:     #4355f5;
+  --ts-accent-highlight: #1a1f3a;
+}
+```
+
+---
+
+## Stemning
+
+> Tenk: Google I/O på dagtid — lys, energisk, full av muligheter.
+> Blå luft, hvite flater, én lysende akkord.