:root {
  --yg-color-background: #f7f5f1;
  --yg-color-surface: #ffffff;
  --yg-color-surface-soft: #f1ede7;
  --yg-color-text: #2e2c2a;
  --yg-color-muted: #746e68;
  --yg-color-border: #dcd7d0;
  --yg-color-accent: #315c4b;
  --yg-color-accent-hover: #274a3d;
  --yg-color-accent-soft: #e8eee9;
  --yg-color-action: #315c4b;
  --yg-color-action-hover: #274a3d;
  --yg-color-selection: #315c4b;
  --yg-color-selection-soft: #e8eee9;
  --yg-color-on-accent: #ffffff;
  --yg-color-success: #315c4b;
  --yg-color-warning: #8a5a14;
  --yg-color-danger: #a33d31;
  --yg-color-focus: #315c4b;
  --yg-color-sidebar-background: var(--yg-color-surface);
  --yg-color-menu-text: var(--yg-color-text);
  --yg-color-menu-hover: var(--yg-color-accent);
  --yg-color-page: var(--yg-color-background);
  --yg-color-card: var(--yg-color-surface);
  --yg-color-frame: var(--yg-color-surface-soft);
  --yg-color-line: var(--yg-color-border);

  --yg-font-heading: "Cormorant Garamond", Georgia, serif;
  --yg-font-body: "Manrope", Arial, sans-serif;
  --yg-font-menu: "Manrope", Arial, sans-serif;
  --yg-font-size-xs: 0.75rem;
  --yg-font-size-sm: 0.875rem;
  --yg-font-size-md: 1rem;
  --yg-font-size-lg: 1.125rem;
  --yg-font-size-xl: 1.5rem;
  --yg-font-size-2xl: 2rem;
  --yg-font-size-3xl: 3rem;
  --yg-font-size-4xl: 4rem;
  --yg-line-height-tight: 1.15;
  --yg-line-height-heading: 1.25;
  --yg-line-height-body: 1.7;
  --yg-font-weight-regular: 400;
  --yg-font-weight-medium: 500;
  --yg-font-weight-semibold: 600;
  --yg-font-weight-bold: 700;

  --yg-space-1: 8px;
  --yg-space-2: 16px;
  --yg-space-3: 24px;
  --yg-space-4: 40px;
  --yg-space-5: 64px;
  --yg-space-6: 80px;
  --yg-space-7: 120px;
  --yg-space-8: 160px;

  --yg-radius-none: 0;
  --yg-radius-small: 2px;
  --yg-radius-control: 4px;
  --yg-radius-card: 4px;
  --yg-radius-frame: var(--yg-radius-control);
  --yg-radius-tag: 2px;
  --yg-radius-round: 50%;
  --yg-border-width: 1px;

  --yg-shadow-none: none;
  --yg-shadow-card: none;
  --yg-shadow-overlay: none;

  --yg-sidebar-width: 280px;
  --yg-sidebar-padding-x: 28px;
  --yg-shell-public: 1040px;
  --yg-shell-private: 1480px;
  --yg-shell-reading: 680px;
  --yg-gutter-mobile: 16px;
  --yg-gutter-desktop: 40px;
  --yg-gutter-wide: 64px;
  --yg-control-height-compact: 36px;
  --yg-control-height: 44px;
  --yg-control-height-large: 56px;
  --yg-mobile-topbar-height: 64px;
  --yg-private-gutter-mobile: 16px;
  --yg-private-gutter-desktop: 40px;
  --yg-private-topbar-height: 64px;
  --yg-private-card-padding: 24px;
  --yg-private-card-padding-mobile: 16px;
  --yg-private-card-gap: 16px;
  --yg-private-card-gap-mobile: 8px;
  --yg-private-section-gap: 24px;
  --yg-private-section-gap-mobile: 16px;
  --yg-logo-width-mobile: 128px;
  --yg-logo-width-desktop: 160px;
  --yg-menu-font-size-mobile: 16px;
  --yg-menu-font-size-desktop: 18px;
  --yg-menu-font-weight: 500;
  --yg-menu-letter-spacing: 0em;
  --yg-menu-item-gap: 16px;
  --yg-menu-offset-x: 0px;
  --yg-private-access-align: flex-start;
  --yg-private-access-font-size: 14px;
  --yg-safe-area-bottom: env(safe-area-inset-bottom, 0px);

  --yg-duration-fast: 160ms;
  --yg-ease-standard: ease-out;
  --yg-z-header: 100;
  --yg-z-overlay: 200;
  --yg-z-toast: 300;
}