:root {
    /* Fonts */
    --font-text: 'IBM Plex Sans', 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
    --font-heading: 'Heebo', 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;

    /* Colours */
    --blue-grey: #62707f;
    --dark-blue: #0b2f4f;
    --medium-blue: #005a8c;
    --white: #ffffff;
    --grey-white: #f8f9fa;
    --light-grey: #ececec;
    --grey-black: #231f20;
    --grey: #adb5bd;
    --blue: #3699c9;
    --pale-blue: #e6f7ff;
    --light-blue: #a3c8e3;
    --dark-grey: #2a3442;
    --green: #198754;
    --dark-green: #157347;
    --translucent-blue: rgba(0, 119, 182, 0.15);
    --red: #842029;
    --pale-red: #f5c2c7;

    /* Layout dimensions */
    --docs-sidebar-left-width: 280px;
    --docs-sidebar-right-width: 260px;
    --docs-sidebar-collapsed-width: 40px;
    --docs-header-height: 180px; /* Approximate height of your header + nav */
    --docs-toggle-button-size: 24px;

    /* Typography - matching your existing styles */
    --docs-font-size-base: 1rem;
    --docs-font-size-sm: 0.875rem;
    --docs-font-size-xs: 0.75rem;
    --docs-line-height-base: 1.4;

    /* Spacing */
    --docs-spacing-xs: 0.25rem;
    --docs-spacing-sm: 0.5rem;
    --docs-spacing-md: 1rem;
    --docs-spacing-lg: 1.5rem;
    --docs-spacing-xl: 2rem;

    /* Transitions */
    --docs-transition-speed: 0.35s;
    --docs-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);

}