/* soho-tokens.css — single source of truth for all Soho Live design tokens
* Source: backstage/brand/index.html
* To use:
* Google Fonts to add in :
*
*/
:root {
/* Neutrals */
--black: #000000;
--ink: #050505;
--s900: #0A0A0A;
--s800: #111111;
--s700: #161616;
--s600: #222222;
--s500: #2E2E2E;
--s400: #3A3A3A;
--s350: #555555;
--s300: #7A7A7A;
--s250: #9A9A9E;
--s200: #BABAC4;
--s150: #D8D8DC;
--bone: #F5F5F3;
--white: #FFFFFF;
/* Brand colours */
--yellow: #FEE300;
--ella: #73FBEC;
--dizzy: #FC38A1;
--oscar-d: #42136F;
--oscar: #691DB1;
--mustard: #F3C412;
--mint: #BDE5A9;
--grape: #D781F4;
--sky: #7992E6;
--boxing: #B33347;
--playground: #6B4488;
--spotlight: #2E7874;
--selector: #D4975B;
--discovery: #F07252;
/* Venue accents */
--alfies: #BA4857;
--jack: #577357;
--pianobar: #B6986C;
/* England / Sport */
--england: #CF2027;
--england-d: #A01820;
/* Typography — Inter titles · Gothic subtitles · Rethink body */
--serif: 'Prata', Georgia, serif;
--display: 'Inter', -apple-system, sans-serif;
--gothic: 'Special Gothic Expanded One', 'Inter', sans-serif;
--sans: 'Rethink Sans', -apple-system, sans-serif;
--mono: 'JetBrains Mono', ui-monospace, monospace;
/* Motion */
--ease: cubic-bezier(0.42, 0, 0.22, 1);
--ease-out: cubic-bezier(0.16, 1, 0.36, 1);
--dur: 300ms;
--dur-slow: 560ms;
/* Layout */
--sidebar-w: 248px;
--content-w: 920px;
--shell-w: 1280px;
--nav-h: 56px;
/* Radii */
--rad-sm: 2px;
--rad: 4px;
--rad-lg: 6px;
--rad-pill: 999px;
}