:root {
    /*
     * Contact Dynamics brand
     */
    --colour-contact-orange-600: #f58f24;
    --colour-contact-orange-500: #ff992d;
    --colour-contact-orange-100: #fff1df;

    --colour-contact-blue-700: #287ca8;
    --colour-contact-blue-500: #59b1ed;
    --colour-contact-blue-100: #e9f6fd;

    --colour-contact-grey-500: #bfc0c4;
    --colour-contact-grey-200: #e3e4e6;
    --colour-contact-grey-100: #f3f3f4;

    /*
     * Shared neutral palette
     */
    --colour-navy-950: #0b1f29;
    --colour-navy-900: #102f3d;
    --colour-navy-800: #17475a;

    --colour-slate-700: #40545e;
    --colour-slate-500: #667982;
    --colour-slate-300: #b8c5cb;
    --colour-slate-200: #d9e3e8;
    --colour-slate-100: #eef3f5;
    --colour-slate-050: #f7f9fa;

    --colour-white: #ffffff;
    --colour-black: #071216;

    /*
     * Prescio product palette
     */
    --colour-prescio-700: #0a4f6c;
    --colour-prescio-500: #4d92af;
    --colour-prescio-100: #e9f2f6;

    --font-sans:
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Display",
        "SF Pro Text",
        "Segoe UI",
        sans-serif;

    --content-width: 1180px;
    --content-narrow: 820px;

    --radius-small: 12px;
    --radius-medium: 22px;
    --radius-large: 34px;

    --shadow-soft:
        0 24px 70px rgba(11, 31, 41, 0.09);

    --transition-fast: 180ms ease;
    --transition-standard: 280ms ease;
}