/* AMS 6-theme token set. Apply by setting data-theme="ocean" | "midnight" | "sunset" | "graphite" | "evergreen" | "orchid" on . Components reference these custom properties only and never hardcode a hex. */ [data-theme="ocean"] { --bg: #f7fafc; --bg-elevated: #ffffff; --fg: #0f1b2a; --fg-muted: #4a5b6d; --accent: #2563eb; --accent-fg: #ffffff; --border: #dbe4ee; --success: #16a34a; --warning: #d97706; --danger: #dc2626; } [data-theme="midnight"] { --bg: #0b0f19; --bg-elevated: #131a29; --fg: #e6e9f0; --fg-muted: #9aa4b6; --accent: #6366f1; --accent-fg: #ffffff; --border: #232b3d; --success: #22c55e; --warning: #f59e0b; --danger: #f87171; } [data-theme="sunset"] { --bg: #fff8f2; --bg-elevated: #ffffff; --fg: #2a1810; --fg-muted: #7a5a48; --accent: #ea580c; --accent-fg: #ffffff; --border: #f2ddca; --success: #16a34a; --warning: #d97706; --danger: #dc2626; } [data-theme="graphite"] { --bg: #161718; --bg-elevated: #202224; --fg: #e9eaeb; --fg-muted: #9b9fa5; --accent: #64748b; --accent-fg: #ffffff; --border: #2c2e31; --success: #22c55e; --warning: #eab308; --danger: #ef4444; } [data-theme="evergreen"] { --bg: #f5faf6; --bg-elevated: #ffffff; --fg: #10241a; --fg-muted: #4c6357; --accent: #15803d; --accent-fg: #ffffff; --border: #d6e8dc; --success: #16a34a; --warning: #d97706; --danger: #dc2626; } [data-theme="orchid"] { --bg: #fbf7fc; --bg-elevated: #ffffff; --fg: #241827; --fg-muted: #6b5470; --accent: #a21caf; --accent-fg: #ffffff; --border: #ecdcef; --success: #16a34a; --warning: #d97706; --danger: #dc2626; }