/* CSS Variables for Colors */
:root {
    /* Primary colors */
    --primary-color: #1663d6;
    --primary-hover: #0f4ba3;
    --primary-light: #e8f4fd;
    --primary-bg: #f8f9ff;

    /* Text colors */
    --text-primary: #1a1a1a;
    --text-secondary: #333;
    --text-muted: #666;
    --text-light: #555;

    /* Background colors */
    --bg-white: #fcfdfe;
    --bg-gray-light: #f8f9fa;
    --bg-gray: #f6f8fa;
    --bg-border: #e5e8ec;

    /* Border colors */
    --border-light: #e5e5e5;
    --border-gray: #e1e4e8;

    /* Code colors */
    --code-text: #d73a49;
    --code-bg: #f6f8fa;
    --code-block-text: #24292e;

    /* Link colors */
    --link-visited: #8b5fbf;

    /* Shadow colors */
    --shadow-light: rgba(0, 0, 0, 0.1);
}