:root {
    /* Primary Brand Colours */
    --color-primary: #0066ff;
    --color-primary-light: #4d8aff;
    --color-primary-dark: #0047b3;

    /* Secondary Colours */
    --color-secondary: #ff9900;
    --color-secondary-light: #ffb84d;
    --color-secondary-dark: #cc7a00W;

    /* Neutral / Greys */
    --color-black: #000000;
    --color-white: #ffffff;
    --color-grey-100: #f8f9fa;
    --color-grey-200: #e9ecef;
    --color-grey-300: #dee2e6;
    --color-grey-400: #ced4da;
    --color-grey-500: #adb5bd;
    --color-grey-600: #6c757d;
    --color-grey-700: #495057;
    --color-grey-800: #343a40;
    --color-grey-900: #212529;

    /* Text */
    --text-primary: #1a1a1a;
    --text-secondary: #555555;
    --text-muted: #888888;

    /* Backgrounds */
    --bg-body: #ffffff;
    --bg-light: #f5f5f5;
    --bg-dark: #1e1e1e;

    /* Borders */
    --border-color: #dcdcdc;
    --border-light: #efefef;
    --border-dark: #a0a0a0;

    /* States */
    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-error: #dc3545;
    --color-info: #17a2b8;

    /* Menu */
    --color-menu-background: #fff;
    --color-menu-items: #575757;
    --color-menu-items-hover: #000000;
    --color-topbar-background: #fff;
    --color-topbar-items: #575757;
    --color-topbar-items-hover: #000000;
    --color-topbar-breadcrumbs: #575757;
    --color-topbar-breadcrumbs-hover: #000000;
}