:root {
     /* Stripe-style light mode colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f6f8fa;
    --bg-tertiary: #f1f3f5;
    --text-primary: #0a2540;
    --text-secondary: #425466;
    --text-tertiary: #8898aa;
    --text-quaternary: #adb5bd;
    --border-color: #e3e8ef;
    --code-bg: #f6f8fa;
    --code-text: #0a2540;
    --payload-bg: #f6f8fa;
    --payload-text: #0a2540;
    --payload-keyword: #0066cc;
    --payload-string: #032f62;
    --payload-number: #005cc5;
    --payload-property: #6f42c1;
    --payload-punctuation: #586069;
    --link-color: #0066cc;
    --link-hover: #0052a3;
    --active-border: #0066cc;
    --error-color: #df1c41;
    --marmin-dark: #3741af;
    --marmin-main: #0066cc;
    --marmin-light: #0052a3;
    --table-header-bg: #f6f8fa;
    --curl-bg: #6c757d;
    --curl-text: #ffffff;
    --method-get: #0066cc;
    --method-post: #00aa00;
    --method-put: #ff9900;
    --method-patch: #663399;
    --method-delete: #cc0000;
}

[data-theme="dark"] {
    /* Dark mode colors */
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #21262d;
    --text-primary: #c9d1d9;
    --text-secondary: #f0f6fc;
    --text-tertiary: #8b949e;
    --text-quaternary: #6e7681;
    --border-color: #30363d;
    --code-bg: #161b22;
    --code-text: #727efb;
    --payload-bg: #0d1117;
    --payload-text: #c9d1d9;
    --payload-keyword: #727efb;
    --payload-string: #c3e88d;
    --payload-number: #f78c6c;
    --payload-property: #82aaff;
    --payload-punctuation: #89ddff;
    --link-color: #727efb;
    --link-hover: #4f5efa;
    --active-border: #727efb;
    --error-color: #727efb;
    --marmin-dark: #3741af;
    --marmin-main: #4f5efa;
    --marmin-light: #727efb;
    --table-header-bg: #161b22;
    --curl-bg: #0a0a0a;
    --curl-text: #c9d1d9;