/* GENERATED by scripts/build-tokens.mjs from replica/design/tokens.json. Do not edit by hand. */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Poppins-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
}

:root {
  --color-bg: #ffffff;
  --color-surface: #e5e5e5;
  --color-border: #e5e5e5;
  --color-border-input: #333333;
  --color-text: #333333;
  --color-heading: #78be21;
  --color-accent: #78be21;
  --color-on-accent: #ffffff;
  --color-accent-hover: #333333;
  --color-on-accent-hover: #ffffff;
  --color-link: #78be21;
  --color-selected: #333333;
  --color-on-selected: #ffffff;
  --color-selected-soft: #e5e5e5;
  --color-on-selected-soft: #333333;
  --color-success: #78be21;
  --color-on-success: #ffffff;
  --color-warning: #f7b500;
  --color-on-warning: #333333;
  --color-danger: #f7b500;
  --color-on-danger: #333333;
  --color-focus: #333333;

  --font-sans: Poppins, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: ui-monospace, SF Mono, Menlo, Consolas, monospace;
  --text-xs-size: 12px;
  --text-xs-line: 18px;
  --text-xs-weight: 400;
  --text-sm-size: 14px;
  --text-sm-line: 21px;
  --text-sm-weight: 400;
  --text-base-size: 16px;
  --text-base-line: 24px;
  --text-base-weight: 400;
  --text-lg-size: 20px;
  --text-lg-line: 28px;
  --text-lg-weight: 700;
  --text-xl-size: 28px;
  --text-xl-line: 36px;
  --text-xl-weight: 700;
  --text-display-size: 40px;
  --text-display-line: 48px;
  --text-display-weight: 700;

  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-focus: 0 0 0 2px #ffffff, 0 0 0 4px #333333;
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-ease: cubic-bezier(.2,.7,.2,1);

  --layout-panel-max: 1064px;
  --layout-sidebar: 360px;
  --layout-calendar-col: 376px;
  --layout-times-col: 328px;
  --layout-panel-top: 64px;
  --layout-day-cell: 44px;
  --layout-slot-height: 48px;
  --layout-input-height: 48px;
  --layout-button-height: 48px;
  --layout-bp-stack: 720px;
  --layout-bp-three-col: 1120px;
  --layout-gutter: 4vw;
  --layout-gutter-sm: 6vw;
}