/* ЭКОЯР brand 0.2.0 (published) — сгенерировано Штурвалом, не править вручную */
:root {
  --ey-p-color-logo-red: #B40000;
  --ey-p-color-logo-orange: #FC6000;
  --ey-p-color-logo-scarlet: #FC0000;
  --ey-p-color-logo-sun: #FCCC00;
  --ey-p-color-logo-green: #009C54;
  --ey-p-color-logo-green-dark: #006030;
  --ey-p-color-logo-blue: #6090FC;
  --ey-p-color-logo-grey: #CCCCCC;
  --ey-p-color-logo-lavender: #CCCCFC;
  --ey-p-color-neutral-0: #FFFFFF;
  --ey-p-color-neutral-50: #F4F5F4;
  --ey-p-color-neutral-100: #E6E8E6;
  --ey-p-color-neutral-500: #5E655E;
  --ey-p-color-neutral-900: #1A1D1A;
  --ey-p-color-linen-50: #FBFAF7;
  --ey-p-color-linen-100: #F3EFE7;
  --ey-p-color-linen-200: #EBE6DA;
  --ey-p-color-linen-line: #E2DCD0;
  --ey-p-color-linen-line-soft: #EDE8DE;
  --ey-p-color-green-900: #004A26;
  --ey-p-color-green-700: #006030;
  --ey-p-color-green-600: #00753B;
  --ey-p-color-gold-600: #C99A2E;
  --ey-p-color-gold-700: #9A7420;
  --ey-p-font-ui: "Golos Text", system-ui, "Segoe UI", sans-serif;
  --ey-p-font-heading: "PT Serif", Georgia, serif;
  --ey-p-radius-sm: 4px;
  --ey-p-radius-md: 6px;
  --ey-p-radius-lg: 10px;
  --ey-color-bg-page: #FBFAF7;
  --ey-color-bg-sunk: #F3EFE7;
  --ey-color-bg-deep: #EBE6DA;
  --ey-color-bg-inverse: #004A26;
  --ey-color-bg-product: #FFFFFF;
  --ey-color-text-primary: #1A1D1A;
  --ey-color-text-muted: #5E655E;
  --ey-color-text-on-primary: #FFFFFF;
  --ey-color-border-default: #E2DCD0;
  --ey-color-border-soft: #EDE8DE;
  --ey-color-action-primary: #006030;
  --ey-color-action-primary-hover: #00753B;
  --ey-color-accent-brand: #B40000;
  --ey-color-accent-gold: #C99A2E;
  --ey-color-accent-gold-strong: #9A7420;
  --ey-color-status-error: #B40000;
  --ey-color-status-success: #006030;
  --ey-color-link: #006030;
  --ey-font-ui: "Golos Text", system-ui, "Segoe UI", sans-serif;
  --ey-font-heading: "PT Serif", Georgia, serif;
  --ey-size-h1: 56px;
  --ey-size-h2: 36px;
  --ey-size-h3: 24px;
  --ey-size-body: 17px;
  --ey-size-small: 14px;
  --ey-radius-control: 6px;
  --ey-radius-card: 6px;
  --ey-radius-panel: 10px;
  --ey-button-primary-bg: #006030;
  --ey-button-primary-bg-hover: #00753B;
  --ey-button-primary-text: #FFFFFF;
  --ey-button-primary-radius: 6px;
  --ey-button-secondary-bg: #FBFAF7;
  --ey-button-secondary-text: #1A1D1A;
  --ey-button-secondary-border: #E2DCD0;
  --ey-button-brand-text: #B40000;
  --ey-button-brand-border: #B40000;
  --ey-card-bg: #FFFFFF;
  --ey-card-border: #E2DCD0;
  --ey-card-radius: 6px;
  --ey-divider-line: #E2DCD0;
  --ey-divider-ornament: #C99A2E;
}

.ey { font-family: var(--ey-font-ui); font-size: var(--ey-size-body); line-height: 1.5;
  color: var(--ey-color-text-primary); background: var(--ey-color-bg-page); }
.ey h1, .ey h2, .ey h3 { font-family: var(--ey-font-heading); font-weight: 700; line-height: 1.2; margin: 0 0 .5em; }
.ey h1 { font-size: var(--ey-size-h1); } .ey h2 { font-size: var(--ey-size-h2); } .ey h3 { font-size: var(--ey-size-h3); }
.ey a { color: var(--ey-color-link); text-decoration: underline; text-underline-offset: 2px; }
.ey .ey-muted { color: var(--ey-color-text-muted); }
.ey .ey-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; font: 500 var(--ey-size-body)/1.2 var(--ey-font-ui);
  border-radius: var(--ey-button-primary-radius); border: 1px solid transparent; cursor: pointer; text-decoration: none; }
.ey .ey-btn--primary { background: var(--ey-button-primary-bg); color: var(--ey-button-primary-text); }
.ey .ey-btn--primary:hover { background: var(--ey-button-primary-bg-hover); }
.ey .ey-btn--secondary { background: var(--ey-button-secondary-bg); color: var(--ey-button-secondary-text); border-color: var(--ey-button-secondary-border); }
.ey .ey-btn--brand { background: transparent; color: var(--ey-button-brand-text); border-color: var(--ey-button-brand-border); }
.ey .ey-card { background: var(--ey-card-bg); border: 1px solid var(--ey-card-border); border-radius: var(--ey-card-radius); }
.ey .ey-sunk { background: var(--ey-color-bg-sunk); }
.ey .ey-input { padding: 9px 12px; font: inherit; color: inherit; background: var(--ey-color-bg-page);
  border: 1px solid var(--ey-color-border-default); border-radius: var(--ey-radius-control); }
.ey .ey-input:focus { outline: 2px solid var(--ey-color-action-primary); outline-offset: 1px; }
.ey .ey-badge { display: inline-block; padding: 2px 8px; font-size: var(--ey-size-small); border-radius: var(--ey-radius-control);
  background: var(--ey-color-bg-sunk); color: var(--ey-color-text-muted); }
.ey .ey-divider { height: 24px; border: 0; margin: 24px 0; background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='24'%3E%3Cpath d='M0 12h44 M76 12h44' stroke='%23000' stroke-opacity='.12'/%3E%3Cpath d='M46 14 Q60 2 74 14' fill='none' stroke='%23C99A2E' stroke-width='1.5'/%3E%3C/svg%3E") center/120px 24px no-repeat,
  linear-gradient(var(--ey-divider-line), var(--ey-divider-line)) left center/calc(50% - 64px) 1px no-repeat,
  linear-gradient(var(--ey-divider-line), var(--ey-divider-line)) right center/calc(50% - 64px) 1px no-repeat; }