/*
 * Yourbnb's colours and type. The colours are the theme options (Theme > Options >
 * Colours), written by {{ theme.css_variables }} in the header over these defaults; the
 * rest of the stylesheets only name the variables. Poppins (SIL Open Font License,
 * fonts/OFL.txt) is served with the theme: nothing is fetched from elsewhere.
 */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/poppins-400.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/poppins-500.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/poppins-600.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/poppins-700.woff2') format('woff2'); }

:root {
    color-scheme: light;
    --yb-primary: #D63F45;
    --yb-primary-light: #E0566A;
    --yb-primary-dark: #92184D;
    --yb-primary-soft: #FDECEC;
    --yb-secondary: #92184D;
    --yb-on-primary: #FFFFFF;
    --yb-on-secondary: #FFFFFF;
    --yb-ink: #222222;
    --yb-muted: #6A6A6A;
    --yb-neutral: #C4C4C4;
    --yb-line: #EBEBEB;
    --yb-surface: #F7F7F7;
    --yb-black: #000000;
    --yb-on-black: #FFFFFF;
    --yb-white: #FFFFFF;
    --yb-radius: 12px;
    --yb-radius-btn: 8px;
    --yb-font: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

.bg-neutral { background-color: var(--yb-neutral); }
.text-brand { color: var(--yb-primary); }
.bg-brand { background-color: var(--yb-primary); }
.text-secondary { color: var(--yb-secondary); }
.text-white { color: var(--yb-white); }

/* The theme's icons (snippets/yourbnb-icon.liquid): a line in the text colour and the
   signature dot in the accent colour. */
.yb-i {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.25em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: 0 0 auto;
}
.yb-i__dot { fill: var(--yb-primary); stroke: none; }