/* Themes generated from DESIGN.md files */

.theme-google {
    --primary-color: #0d47a1;
    --primary-dark: #002171;
    --secondary-color: #1976d2;
    --accent-color: #ff9800;
    --text-main: #202124;
    --text-muted: #5f6368;
    --bg-light: #f8f9fa;
    --bg-white: #ffffff;
    --border-color: #dfe1e5;
    --font-family: 'Pretendard', sans-serif;
    --heading-font-family: 'Pretendard', sans-serif;
    --button-radius: 8px;
}

.theme-airbnb {
    --primary-color: #ff385c;
    --primary-dark: #e00b41;
    --secondary-color: #ffffff;
    --accent-color: #ff385c;
    --text-main: #222222;
    --text-muted: #6a6a6a;
    --bg-light: #f2f2f2;
    --bg-white: #ffffff;
    --border-color: #c1c1c1;
    --font-family: 'Airbnb Cereal VF', sans-serif;
    --heading-font-family: 'Airbnb Cereal VF', sans-serif;
    --button-radius: 8px;
}

.theme-airtable {
    --primary-color: #1b61c9;
    --primary-dark: #1b61c9;
    --secondary-color: #181d26;
    --accent-color: #1b61c9;
    --text-main: #181d26;
    --text-muted: rgba(4, 14, 32, 0.69);
    --bg-light: #f8fafc;
    --bg-white: #ffffff;
    --border-color: #e0e2e6;
    --font-family: 'Haas', sans-serif;
    --heading-font-family: 'Haas Groot Disp', sans-serif;
    --button-radius: 12px;
}

.theme-apple {
    --primary-color: #0071e3;
    --primary-dark: #1d1d1f;
    --secondary-color: #f5f5f7;
    --accent-color: #0071e3;
    --text-main: #1d1d1f;
    --text-muted: rgba(0, 0, 0, 0.48);
    --bg-light: #f5f5f7;
    --bg-white: #ffffff;
    --border-color: #d2d2d7;
    --font-family: 'SF Pro Text', sans-serif;
    --heading-font-family: 'SF Pro Display', sans-serif;
    --button-radius: 8px;
}

.theme-bmw {
    --primary-color: #1c69d4;
    --primary-dark: #0653b6;
    --secondary-color: #ffffff;
    --accent-color: #1c69d4;
    --text-main: #262626;
    --text-muted: #757575;
    --bg-light: #ffffff;
    --bg-white: #ffffff;
    --border-color: #ffffff;
    --font-family: 'BMWTypeNextLatin', sans-serif;
    --heading-font-family: 'BMWTypeNextLatin Light', sans-serif;
    --button-radius: 0px;
}

.theme-cal {
    --primary-color: #242424;
    --primary-dark: #242424;
    --secondary-color: #898989;
    --accent-color: #0099ff;
    --text-main: #242424;
    --text-muted: #898989;
    --bg-light: #ffffff;
    --bg-white: #ffffff;
    --border-color: rgba(34, 42, 53, 0.08);
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'Cal Sans', sans-serif;
    --button-radius: 8px;
}

.theme-claude {
    --primary-color: #c96442;
    --primary-dark: #c96442;
    --secondary-color: #d97757;
    --accent-color: #c96442;
    --text-main: #141413;
    --text-muted: #5e5d59;
    --bg-light: #e8e6dc;
    --bg-white: #f5f4ed;
    --border-color: #f0eee6;
    --font-family: 'Anthropic Sans', sans-serif;
    --heading-font-family: 'Anthropic Serif', sans-serif;
    --button-radius: 12px;
}

.theme-clay {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #078a52;
    --accent-color: #fbbd41;
    --text-main: #000000;
    --text-muted: #9f9b93;
    --bg-light: #ffffff;
    --bg-white: #faf9f7;
    --border-color: #dad4c8;
    --font-family: 'Roobert', sans-serif;
    --heading-font-family: 'Roobert', sans-serif;
    --button-radius: 1584px;
}

.theme-clickhouse {
    --primary-color: #faff69;
    --primary-dark: #f4f692;
    --secondary-color: #166534;
    --accent-color: #faff69;
    --text-main: #ffffff;
    --text-muted: #a0a0a0;
    --bg-light: #141414;
    --bg-white: #000000;
    --border-color: rgba(65, 65, 65, 0.8);
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'Inter', sans-serif;
    --button-radius: 4px;
}

.theme-cohere {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #1863dc;
    --accent-color: #1863dc;
    --text-main: #000000;
    --text-muted: #93939f;
    --bg-light: #fafafa;
    --bg-white: #ffffff;
    --border-color: #d9d9dd;
    --font-family: 'Unica77 Cohere Web', sans-serif;
    --heading-font-family: 'CohereText', sans-serif;
    --button-radius: 22px;
}

.theme-coinbase {
    --primary-color: #0052ff;
    --primary-dark: #0052ff;
    --secondary-color: #ffffff;
    --accent-color: #0052ff;
    --text-main: #0a0b0d;
    --text-muted: #5b616e;
    --bg-light: #eef0f3;
    --bg-white: #ffffff;
    --border-color: rgba(91, 97, 110, 0.2);
    --font-family: 'CoinbaseText', sans-serif;
    --heading-font-family: 'CoinbaseDisplay', sans-serif;
    --button-radius: 56px;
}

.theme-composio {
    --primary-color: #0007cd;
    --primary-dark: #0007cd;
    --secondary-color: #00ffff;
    --accent-color: #00ffff;
    --text-main: #ffffff;
    --text-muted: #444444;
    --bg-light: #000000;
    --bg-white: #0f0f0f;
    --border-color: rgba(255, 255, 255, 0.10);
    --font-family: 'abcDiatype', sans-serif;
    --heading-font-family: 'abcDiatype', sans-serif;
    --button-radius: 4px;
}

.theme-cursor {
    --primary-color: #26251e;
    --primary-dark: #26251e;
    --secondary-color: #f54e00;
    --accent-color: #f54e00;
    --text-main: #26251e;
    --text-muted: rgba(38, 37, 30, 0.55);
    --bg-light: #e6e5e0;
    --bg-white: #f2f1ed;
    --border-color: rgba(38, 37, 30, 0.1);
    --font-family: 'jjannon', serif;
    --heading-font-family: 'CursorGothic', sans-serif;
    --button-radius: 8px;
}

.theme-elevenlabs {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #4e4e4e;
    --accent-color: #000000;
    --text-main: #000000;
    --text-muted: #777169;
    --bg-light: #f5f5f5;
    --bg-white: #ffffff;
    --border-color: rgba(0, 0, 0, 0.05);
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'Waldenburg', sans-serif;
    --button-radius: 9999px;
}

.theme-expo {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #0d74ce;
    --accent-color: #000000;
    --text-main: #1c2024;
    --text-muted: #60646c;
    --bg-light: #ffffff;
    --bg-white: #f0f0f3;
    --border-color: #e0e1e6;
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'Inter', sans-serif;
    --button-radius: 9999px;
}

.theme-figma {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #ffffff;
    --accent-color: #000000;
    --text-main: #000000;
    --text-muted: #666666;
    --bg-light: rgba(0, 0, 0, 0.08);
    --bg-white: #ffffff;
    --border-color: #000000;
    --font-family: 'figmaSans', sans-serif;
    --heading-font-family: 'figmaSans', sans-serif;
    --button-radius: 50px;
}

.theme-framer {
    --primary-color: #0099ff;
    --primary-dark: #0099ff;
    --secondary-color: #ffffff;
    --accent-color: #0099ff;
    --text-main: #ffffff;
    --text-muted: #a6a6a6;
    --bg-light: #090909;
    --bg-white: #000000;
    --border-color: #0099ff;
    --font-family: 'Inter Variable', sans-serif;
    --heading-font-family: 'GT Walsheim Framer Medium', sans-serif;
    --button-radius: 100px;
}

.theme-hashicorp {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #15181e;
    --accent-color: #1060ff;
    --text-main: #000000;
    --text-muted: #656a76;
    --bg-light: #f1f2f3;
    --bg-white: #ffffff;
    --border-color: rgba(178, 182, 189, 0.4);
    --font-family: 'system-ui', sans-serif;
    --heading-font-family: 'HashiCorp Sans', sans-serif;
    --button-radius: 5px;
}

.theme-ibm {
    --primary-color: #0f62fe;
    --primary-dark: #0043ce;
    --secondary-color: #161616;
    --accent-color: #0f62fe;
    --text-main: #161616;
    --text-muted: #525252;
    --bg-light: #f4f4f4;
    --bg-white: #ffffff;
    --border-color: #c6c6c6;
    --font-family: 'IBM Plex Sans', sans-serif;
    --heading-font-family: 'IBM Plex Sans', sans-serif;
    --button-radius: 0px;
}

.theme-intercom {
    --primary-color: #ff5600;
    --primary-dark: #ff5600;
    --secondary-color: #111111;
    --accent-color: #ff5600;
    --text-main: #111111;
    --text-muted: #7b7b78;
    --bg-light: #faf9f6;
    --bg-white: #ffffff;
    --border-color: #dedbd6;
    --font-family: 'Saans', sans-serif;
    --heading-font-family: 'Saans', sans-serif;
    --button-radius: 4px;
}

.theme-kraken {
    --primary-color: #7132f5;
    --primary-dark: #5741d8;
    --secondary-color: #101114;
    --accent-color: #7132f5;
    --text-main: #101114;
    --text-muted: #9497a9;
    --bg-light: rgba(148, 151, 169, 0.08);
    --bg-white: #ffffff;
    --border-color: #dedee5;
    --font-family: 'Kraken-Product', sans-serif;
    --heading-font-family: 'Kraken-Brand', sans-serif;
    --button-radius: 12px;
}

.theme-linear-app {
    --primary-color: #5e6ad2;
    --primary-dark: #5e6ad2;
    --secondary-color: #7170ff;
    --accent-color: #7170ff;
    --text-main: #f7f8f8;
    --text-muted: #8a8f98;
    --bg-light: #0f1011;
    --bg-white: #08090a;
    --border-color: rgba(255, 255, 255, 0.08);
    --font-family: 'Inter Variable', sans-serif;
    --heading-font-family: 'Inter Variable', sans-serif;
    --button-radius: 6px;
}

.theme-lovable {
    --primary-color: #1c1c1c;
    --primary-dark: #1c1c1c;
    --secondary-color: #fcfbf8;
    --accent-color: #1c1c1c;
    --text-main: #1c1c1c;
    --text-muted: #5f5f5d;
    --bg-light: #eceae4;
    --bg-white: #f7f4ed;
    --border-color: #eceae4;
    --font-family: 'Camera Plain Variable', sans-serif;
    --heading-font-family: 'Camera Plain Variable', sans-serif;
    --button-radius: 6px;
}

.theme-minimax {
    --primary-color: #1456f0;
    --primary-dark: #17437d;
    --secondary-color: #ea5ec1;
    --accent-color: #3b82f6;
    --text-main: #222222;
    --text-muted: #8e8e93;
    --bg-light: #f0f0f0;
    --bg-white: #ffffff;
    --border-color: #e5e7eb;
    --font-family: 'DM Sans', sans-serif;
    --heading-font-family: 'Outfit', sans-serif;
    --button-radius: 9999px;
}

.theme-mintlify {
    --primary-color: #18E299;
    --primary-dark: #0fa76e;
    --secondary-color: #0d0d0d;
    --accent-color: #18E299;
    --text-main: #0d0d0d;
    --text-muted: #666666;
    --bg-light: #f5f5f5;
    --bg-white: #ffffff;
    --border-color: rgba(0,0,0,0.05);
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'Inter', sans-serif;
    --button-radius: 9999px;
}

.theme-miro {
    --primary-color: #5b76fe;
    --primary-dark: #2a41b6;
    --secondary-color: #ffc6c6;
    --accent-color: #5b76fe;
    --text-main: #1c1c1e;
    --text-muted: #555a6a;
    --bg-light: #fde0f0;
    --bg-white: #ffffff;
    --border-color: #c7cad5;
    --font-family: 'Noto Sans', sans-serif;
    --heading-font-family: 'Roobert PRO Medium', sans-serif;
    --button-radius: 8px;
}

.theme-mistral-ai {
    --primary-color: #fa520f;
    --primary-dark: #fa520f;
    --secondary-color: #ffa110;
    --accent-color: #fa520f;
    --text-main: #1f1f1f;
    --text-muted: #4d4d4d;
    --bg-light: #fff0c2;
    --bg-white: #fffaeb;
    --border-color: #fa520f;
    --font-family: 'Arial', sans-serif;
    --heading-font-family: 'Arial', sans-serif;
    --button-radius: 0px;
}

.theme-mongodb {
    --primary-color: #00ed64;
    --primary-dark: #00684a;
    --secondary-color: #006cfa;
    --accent-color: #00ed64;
    --text-main: #ffffff;
    --text-muted: #5c6c75;
    --bg-light: #1c2d38;
    --bg-white: #001e2b;
    --border-color: #3d4f58;
    --font-family: 'Euclid Circular A', sans-serif;
    --heading-font-family: 'MongoDB Value Serif', sans-serif;
    --button-radius: 100px;
}

.theme-notion {
    --primary-color: #0075de;
    --primary-dark: #005bab;
    --secondary-color: #f6f5f4;
    --accent-color: #0075de;
    --text-main: rgba(0,0,0,0.95);
    --text-muted: #615d59;
    --bg-light: #f6f5f4;
    --bg-white: #ffffff;
    --border-color: rgba(0,0,0,0.1);
    --font-family: 'NotionInter', sans-serif;
    --heading-font-family: 'NotionInter', sans-serif;
    --button-radius: 4px;
}

.theme-nvidia {
    --primary-color: #76b900;
    --primary-dark: #76b900;
    --secondary-color: #ffffff;
    --accent-color: #76b900;
    --text-main: #ffffff;
    --text-muted: #a7a7a7;
    --bg-light: #1a1a1a;
    --bg-white: #000000;
    --border-color: #76b900;
    --font-family: 'NVIDIA-EMEA', sans-serif;
    --heading-font-family: 'NVIDIA-EMEA', sans-serif;
    --button-radius: 2px;
}

.theme-ollama {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #e5e5e5;
    --accent-color: #000000;
    --text-main: #000000;
    --text-muted: #737373;
    --bg-light: #fafafa;
    --bg-white: #ffffff;
    --border-color: #e5e5e5;
    --font-family: 'ui-sans-serif', sans-serif;
    --heading-font-family: 'SF Pro Rounded', sans-serif;
    --button-radius: 9999px;
}

.theme-opencode-ai {
    --primary-color: #201d1d;
    --primary-dark: #201d1d;
    --secondary-color: #9a9898;
    --accent-color: #007aff;
    --text-main: #fdfcfc;
    --text-muted: #9a9898;
    --bg-light: #302c2c;
    --bg-white: #201d1d;
    --border-color: rgba(15, 0, 0, 0.12);
    --font-family: 'Berkeley Mono', monospace;
    --heading-font-family: 'Berkeley Mono', monospace;
    --button-radius: 4px;
}

.theme-pinterest {
    --primary-color: #e60023;
    --primary-dark: #e60023;
    --secondary-color: #e5e5e0;
    --accent-color: #e60023;
    --text-main: #211922;
    --text-muted: #62625b;
    --bg-light: #e5e5e0;
    --bg-white: #ffffff;
    --border-color: #91918c;
    --font-family: 'Pin Sans', sans-serif;
    --heading-font-family: 'Pin Sans', sans-serif;
    --button-radius: 16px;
}

.theme-posthog {
    --primary-color: #1e1f23;
    --primary-dark: #1e1f23;
    --secondary-color: #eeefe9;
    --accent-color: #F54E00;
    --text-main: #4d4f46;
    --text-muted: #65675e;
    --bg-light: #eeefe9;
    --bg-white: #fdfdf8;
    --border-color: #bfc1b7;
    --font-family: 'IBM Plex Sans Variable', sans-serif;
    --heading-font-family: 'IBM Plex Sans Variable', sans-serif;
    --button-radius: 6px;
}

.theme-raycast {
    --primary-color: #FF6363;
    --primary-dark: #07080a;
    --secondary-color: #55b3ff;
    --accent-color: #FF6363;
    --text-main: #f9f9f9;
    --text-muted: #cecece;
    --bg-light: #101111;
    --bg-white: #07080a;
    --border-color: #252829;
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'Inter', sans-serif;
    --button-radius: 86px;
}

.theme-replicate {
    --primary-color: #ea2804;
    --primary-dark: #202020;
    --secondary-color: #646464;
    --accent-color: #ea2804;
    --text-main: #202020;
    --text-muted: #646464;
    --bg-light: #fcfcfc;
    --bg-white: #ffffff;
    --border-color: #202020;
    --font-family: 'basier-square', sans-serif;
    --heading-font-family: 'rb-freigeist-neue', sans-serif;
    --button-radius: 9999px;
}

.theme-resend {
    --primary-color: #f0f0f0;
    --primary-dark: #000000;
    --secondary-color: #3b9eff;
    --accent-color: #ff801f;
    --text-main: #f0f0f0;
    --text-muted: #a1a4a5;
    --bg-light: #111111;
    --bg-white: #000000;
    --border-color: rgba(214, 235, 253, 0.19);
    --font-family: 'inter', sans-serif;
    --heading-font-family: 'domaine', serif;
    --button-radius: 9999px;
}

.theme-revolut {
    --primary-color: #191c1f;
    --primary-dark: #191c1f;
    --secondary-color: #494fdf;
    --accent-color: #191c1f;
    --text-main: #191c1f;
    --text-muted: #505a63;
    --bg-light: #f4f4f4;
    --bg-white: #ffffff;
    --border-color: #c9c9cd;
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'Aeonik Pro', sans-serif;
    --button-radius: 9999px;
}

.theme-runwayml {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #767d88;
    --accent-color: #ffffff;
    --text-main: #ffffff;
    --text-muted: #7d848e;
    --bg-light: #1a1a1a;
    --bg-white: #000000;
    --border-color: #27272a;
    --font-family: 'abcNormal', sans-serif;
    --heading-font-family: 'abcNormal', sans-serif;
    --button-radius: 4px;
}

.theme-sanity {
    --primary-color: #f36458;
    --primary-dark: #0b0b0b;
    --secondary-color: #0052ef;
    --accent-color: #f36458;
    --text-main: #ffffff;
    --text-muted: #b9b9b9;
    --bg-light: #212121;
    --bg-white: #0b0b0b;
    --border-color: #353535;
    --font-family: 'waldenburgNormal', sans-serif;
    --heading-font-family: 'waldenburgNormal', sans-serif;
    --button-radius: 99999px;
}

.theme-sentry {
    --primary-color: #6a5fc1;
    --primary-dark: #1f1633;
    --secondary-color: #79628c;
    --accent-color: #c2ef4e;
    --text-main: #ffffff;
    --text-muted: #e5e7eb;
    --bg-light: #150f23;
    --bg-white: #1f1633;
    --border-color: #362d59;
    --font-family: 'Rubik', sans-serif;
    --heading-font-family: 'Dammit Sans', sans-serif;
    --button-radius: 13px;
}

.theme-spacex {
    --primary-color: #f0f0fa;
    --primary-dark: #000000;
    --secondary-color: rgba(240, 240, 250, 0.7);
    --accent-color: #f0f0fa;
    --text-main: #f0f0fa;
    --text-muted: #f0f0fa;
    --bg-light: #000000;
    --bg-white: #000000;
    --border-color: rgba(240, 240, 250, 0.35);
    --font-family: 'D-DIN', sans-serif;
    --heading-font-family: 'D-DIN-Bold', sans-serif;
    --button-radius: 32px;
}

.theme-spotify {
    --primary-color: #1ed760;
    --primary-dark: #121212;
    --secondary-color: #b3b3b3;
    --accent-color: #1ed760;
    --text-main: #ffffff;
    --text-muted: #b3b3b3;
    --bg-light: #181818;
    --bg-white: #121212;
    --border-color: #4d4d4d;
    --font-family: 'SpotifyMixUI', sans-serif;
    --heading-font-family: 'SpotifyMixUITitle', sans-serif;
    --button-radius: 9999px;
}

.theme-stripe {
    --primary-color: #533afd;
    --primary-dark: #533afd;
    --secondary-color: #64748d;
    --accent-color: #533afd;
    --text-main: #061b31;
    --text-muted: #64748d;
    --bg-light: #f6f9fc;
    --bg-white: #ffffff;
    --border-color: #e5edf5;
    --font-family: 'sohne-var', sans-serif;
    --heading-font-family: 'sohne-var', sans-serif;
    --button-radius: 4px;
}

.theme-supabase {
    --primary-color: #3ecf8e;
    --primary-dark: #0f0f0f;
    --secondary-color: #171717;
    --accent-color: #3ecf8e;
    --text-main: #fafafa;
    --text-muted: #898989;
    --bg-light: rgba(41, 41, 41, 0.84);
    --bg-white: #171717;
    --border-color: #2e2e2e;
    --font-family: 'Circular', sans-serif;
    --heading-font-family: 'Circular', sans-serif;
    --button-radius: 9999px;
}

.theme-superhuman {
    --primary-color: #1b1938;
    --primary-dark: #1b1938;
    --secondary-color: #cbb7fb;
    --accent-color: #cbb7fb;
    --text-main: #292827;
    --text-muted: #dcd7d3;
    --bg-light: #e9e5dd;
    --bg-white: #ffffff;
    --border-color: #dcd7d3;
    --font-family: 'Super Sans VF', sans-serif;
    --heading-font-family: 'Super Sans VF', sans-serif;
    --button-radius: 8px;
}

.theme-together-ai {
    --primary-color: #010120;
    --primary-dark: #010120;
    --secondary-color: #bdbbff;
    --accent-color: #ef2cc1;
    --text-main: #000000;
    --text-muted: rgba(0, 0, 0, 0.4);
    --bg-light: rgba(0, 0, 0, 0.08);
    --bg-white: #ffffff;
    --border-color: rgba(0, 0, 0, 0.08);
    --font-family: 'The Future', sans-serif;
    --heading-font-family: 'The Future', sans-serif;
    --button-radius: 4px;
}

.theme-uber {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #4b4b4b;
    --accent-color: #000000;
    --text-main: #000000;
    --text-muted: #afafaf;
    --bg-light: #efefef;
    --bg-white: #ffffff;
    --border-color: #000000;
    --font-family: 'UberMoveText', sans-serif;
    --heading-font-family: 'UberMove', sans-serif;
    --button-radius: 999px;
}

.theme-vercel {
    --primary-color: #000000;
    --primary-dark: #000000;
    --secondary-color: #0a72ef;
    --accent-color: #0072f5;
    --text-main: #171717;
    --text-muted: #666666;
    --bg-light: #fafafa;
    --bg-white: #ffffff;
    --border-color: rgba(0, 0, 0, 0.08);
    --font-family: 'Geist', sans-serif;
    --heading-font-family: 'Geist', sans-serif;
    --button-radius: 6px;
}

.theme-voltagent {
    --primary-color: #00d992;
    --primary-dark: #008b00;
    --secondary-color: #818cf8;
    --accent-color: #00d992;
    --text-main: #f2f2f2;
    --text-muted: #8b949e;
    --bg-light: #101010;
    --bg-white: #050507;
    --border-color: #3d3a39;
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'system-ui', sans-serif;
    --button-radius: 8px;
}

.theme-warp {
    --primary-color: #faf9f6;
    --primary-dark: #353534;
    --secondary-color: #afaeac;
    --accent-color: #faf9f6;
    --text-main: #faf9f6;
    --text-muted: #868584;
    --bg-light: rgba(255, 255, 255, 0.04);
    --bg-white: #0a0a0a;
    --border-color: rgba(226, 226, 226, 0.35);
    --font-family: 'Matter Regular', sans-serif;
    --heading-font-family: 'Matter Regular', sans-serif;
    --button-radius: 50px;
}

.theme-webflow {
    --primary-color: #146ef5;
    --primary-dark: #0055d4;
    --secondary-color: #7a3dff;
    --accent-color: #146ef5;
    --text-main: #080808;
    --text-muted: #ababab;
    --bg-light: rgba(20, 110, 245, 0.1);
    --bg-white: #ffffff;
    --border-color: #d8d8d8;
    --font-family: 'WF Visual Sans Variable', sans-serif;
    --heading-font-family: 'WF Visual Sans Variable', sans-serif;
    --button-radius: 4px;
}

.theme-wise {
    --primary-color: #9fe870;
    --primary-dark: #163300;
    --secondary-color: #0e0f0c;
    --accent-color: #9fe870;
    --text-main: #0e0f0c;
    --text-muted: #868685;
    --bg-light: #e2f6d5;
    --bg-white: #ffffff;
    --border-color: rgba(14,15,12,0.12);
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'Wise Sans', sans-serif;
    --button-radius: 9999px;
}

.theme-x-ai {
    --primary-color: #ffffff;
    --primary-dark: #1f2228;
    --secondary-color: rgba(255, 255, 255, 0.7);
    --accent-color: #ffffff;
    --text-main: #ffffff;
    --text-muted: rgba(255, 255, 255, 0.5);
    --bg-light: rgba(255, 255, 255, 0.05);
    --bg-white: #1f2228;
    --border-color: rgba(255, 255, 255, 0.1);
    --font-family: 'universalSans', sans-serif;
    --heading-font-family: 'GeistMono', monospace;
    --button-radius: 0px;
}

.theme-zapier {
    --primary-color: #ff4f00;
    --primary-dark: #201515;
    --secondary-color: #36342e;
    --accent-color: #ff4f00;
    --text-main: #201515;
    --text-muted: #939084;
    --bg-light: #eceae3;
    --bg-white: #fffefb;
    --border-color: #c5c0b1;
    --font-family: 'Inter', sans-serif;
    --heading-font-family: 'Degular Display', sans-serif;
    --button-radius: 8px;
}