:root {
  /* The supplied image labels are the authoritative brand colours. */
  --diamond: #FFFFFF;
  --icy-lake: #DFE6E6;
  --sapphire: #234F60;
  --color-surface: var(--diamond);
  --color-surface-muted: var(--icy-lake);
  --color-ink: var(--sapphire);
  --color-accent: var(--sapphire);
  --color-inverse: var(--diamond);
  --color-border: color-mix(in srgb, var(--sapphire) 23%, var(--diamond));
  --color-subtle: var(--sapphire);
  --color-overlay: color-mix(in srgb, var(--sapphire) 40%, transparent);
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Raleway', Arial, sans-serif;
  --font-arabic-body: 'Noto Sans Arabic', Arial, sans-serif;
  --font-arabic-heading: 'Noto Naskh Arabic', Georgia, serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --font-10: 10px; --font-11: 11px; --font-12: 12px; --font-13: 13px;
  --font-14: 14px; --font-15: 15px; --font-16: 16px; --font-17: 17px;
  --font-18: 18px; --font-21: 21px; --font-24: 24px; --font-30: 30px;
  --font-32: 32px; --font-34: 34px; --font-36: 36px; --font-38: 38px;
  --font-40: 40px; --font-43: 43px; --font-46: 46px; --font-50: 50px; --font-60: 60px;
  --s0: 0px; --s1: 1px; --s2: 2px; --s4: 4px; --s5: 5px; --s6: 6px;
  --s7: 7px; --s8: 8px; --s9: 9px; --s10: 10px; --s11: 11px; --s12: 12px;
  --s13: 13px; --s14: 14px; --s15: 15px; --s16: 16px; --s17: 17px; --s18: 18px;
  --s20: 20px; --s21: 21px; --s22: 22px; --s24: 24px; --s25: 25px;
  --s28: 28px; --s30: 30px; --s32: 32px; --s34: 34px; --s36: 36px;
  --s40: 40px; --s44: 44px; --s45: 45px; --s48: 48px; --s50: 50px;
  --s56: 56px; --s58: 58px; --s60: 60px; --s64: 64px; --s70: 70px;
  --s72: 72px; --s75: 75px; --s80: 80px; --s90: 90px; --s93: 93px;
  --s100: 100px; --s104: 104px; --s110: 110px; --s120: 120px; --s141: 141px;
  --s160: 160px; --s180: 180px; --s200: 200px; --s240: 240px; --s260: 260px;
  --s280: 280px; --s295: 295px; --s300: 300px; --s320: 320px; --s360: 360px;
  --s400: 400px; --s440: 440px; --s480: 480px; --s500: 500px; --s560: 560px;
  --s600: 600px; --s640: 640px; --s700: 700px; --s760: 760px; --s800: 800px;
  --page-width: 1240px;
  --radius-small: 1px; --radius-field: 5px; --radius-card: 12px;
  --radius-pill: 100px; --radius-round: 50%;
  --line-body: 1.7; --line-heading: 1.1;
  --shadow-small: 0px 2px 10px color-mix(in srgb, var(--sapphire) 15%, transparent);
  --shadow-panel: 0px 4px 20px color-mix(in srgb, var(--sapphire) 20%, transparent);
  --motion-fast: 150ms; --motion-base: 250ms; --motion-slow: 400ms;
  --ease-base: cubic-bezier(.104,.204,.492,1);
}

/* COLABA OUD APPROVED BRAND COLOUR SPECIFICATION */
:root {
  --colaba-oud-primary: #224F60;
  --colaba-oud-ivory: #FAF7F0;
}