@font-face { font-family: 'Rum Raisin'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/rum-raisin-latin-ext-400-normal.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Rum Raisin'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/rum-raisin-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Piazzolla'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/piazzolla-latin-ext-400-normal.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Piazzolla'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/piazzolla-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Piazzolla'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/piazzolla-latin-ext-700-normal.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Piazzolla'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/piazzolla-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Piazzolla'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/piazzolla-latin-ext-400-italic.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Piazzolla'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/piazzolla-latin-400-italic.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --bj-color-bg: #fff2c2;
  --bj-color-surface: #fffefa;
  --bj-color-ink: #191848;
  --bj-color-ink-soft: #46447a;
  --bj-color-primary: #c4152d;
  --bj-color-primary-strong: #8e0e22;
  --bj-color-on-primary: #ffffff;
  --bj-color-accent: #ffc22e;
  --bj-color-accent-strong: #f2a900;
  --bj-color-on-accent: #191848;
  --bj-color-line: #d9c37c;
  --bj-color-field-line: #46447a;
  --bj-color-error: #99103a;
  --bj-color-error-bg: #ffe4e6;
  --bj-color-success: #125f41;
  --bj-color-success-bg: #dcf3e2;
  --bj-color-disabled-bg: #e9e0c0;
  --bj-color-disabled-ink: #55537a;

  --bj-color-night: #141338;
  --bj-color-on-night: #fff2c2;
  --bj-color-on-night-soft: #d2cfee;

  --bj-color-rose: #f59ab2;
  --bj-color-meadow: #2c8c5a;
  --bj-color-sky: #2b4fb8;
  --bj-color-hedgehog: #8a5a34;

  --bj-focus-ring: #191848;

  --bj-font-display: 'Rum Raisin', 'Arial Narrow', Impact, sans-serif;
  --bj-font-body: 'Piazzolla', Georgia, 'Times New Roman', serif;

  --bj-text-sm: 0.9375rem;
  --bj-text-md: 1.0625rem;
  --bj-text-lg: 1.25rem;
  --bj-text-h3: clamp(1.625rem, 1.45rem + 0.8vw, 2rem);
  --bj-text-h2: clamp(2.25rem, 1.85rem + 1.8vw, 3.25rem);
  --bj-text-h1: clamp(3.25rem, 2.3rem + 4.4vw, 6rem);

  --bj-radius-sm: 2px;
  --bj-radius-md: 3px;
  --bj-radius-lg: 4px;
  --bj-notch: 12px;

  --bj-space-1: 4px;
  --bj-space-2: 8px;
  --bj-space-3: 16px;
  --bj-space-4: 24px;
  --bj-space-5: 40px;
  --bj-space-6: 64px;

  --bj-shadow-card: 0 1px 1px rgb(25 24 72 / 0.18), 0 3px 3px rgb(25 24 72 / 0.1);

  --bj-duration-fast: 120ms;
  --bj-duration-base: 220ms;
  --bj-duration-curtain: 900ms;
  --bj-ease-paper: cubic-bezier(0.3, 0.1, 0.2, 1);
}