@font-face{font-family:Inter;src:url('../fonts/Inter-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/Inter-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/Inter-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/Inter-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/Inter-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('../fonts/RobotoCondensed-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('../fonts/RobotoCondensed-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('../fonts/RobotoCondensed-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('../fonts/RobotoCondensed-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('../fonts/RobotoCondensed-BoldItalic.woff2') format('woff2');font-style:italic;font-weight:700;font-display:swap}

/* PannaCotta / Core: the only source of brand typography and colour. */
:root {
  /* Primitives */
  --pc-red-500: #F3322C;
  --pc-graphite-950: #101113;
  --pc-graphite-900: #171719;
  --pc-graphite-800: #292a2d;
  --pc-grey-100: #f4f4f2;
  --pc-grey-300: #d5d6d8;
  --pc-grey-500: #7c8085;
  --pc-white: #ffffff;
  --pc-space-1: .25rem;
  --pc-space-2: .5rem;
  --pc-space-3: .75rem;
  --pc-space-4: 1rem;
  --pc-space-6: 1.5rem;
  --pc-space-8: 2rem;
  --pc-space-12: 3rem;
  --pc-space-16: 4rem;
  --pc-radius-0: 0;
  --pc-radius-sm: .25rem;
  --pc-duration-fast: 160ms;

  /* Semantic */
  --color-background: var(--pc-white);
  --color-surface: var(--pc-grey-100);
  --color-foreground: var(--pc-graphite-900);
  --color-muted: var(--pc-grey-500);
  --color-border: var(--pc-grey-300);
  --color-brand: var(--pc-red-500);
  --color-brand-hover: color-mix(in srgb, var(--color-brand) 82%, black);
  --color-inverse: var(--pc-white);
  --color-dark: var(--pc-graphite-950);
  --font-display: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  --font-text: Inter, Arial, sans-serif;

  /* Components */
  --button-primary-bg: var(--color-brand);
  --button-primary-fg: var(--color-inverse);
  --button-primary-hover: var(--color-brand-hover);
  --button-secondary-border: rgb(255 255 255 / .58);
  --button-secondary-fg: var(--color-inverse);
  --card-bg: var(--color-background);
  --card-border: var(--color-border);
  --card-radius: var(--pc-radius-0);
  --focus-ring: var(--color-brand);
}

/* Hospitality: apply only to hotel, SPA and residential solution blocks. */
.pc-hospitality {
  --color-surface: #eeeae3;
  --color-foreground: #22211f;
  --color-muted: #625f59;
  --color-border: #d6d0c6;
}