/*
 * Токены выгружены из Figma-файла «Resonance-Conf-2026» (Local variables).
 * Коллекции:
 *   Resonance / Theme       — режим Dark
 *   Resonance / Responsive  — режимы Desktop (по умолчанию) и Mobile (< 1024px)
 * Имена переменных соответствуют code syntax из Figma (var(--resonance-*)).
 */

/* ---------- Resonance / Theme · Dark ---------- */
:root {
  --resonance-surface-page: #000000;        /* Surface/Backgroound */
  --resonance-surface-card: #0e0e0e;        /* Surface/Surface */
  --resonance-surface-white: #ffffff;       /* Surface/White */
  --resonance-surface-line: #2f2f2f;        /* Surface/Line */
  --resonance-text-primary: #f4f5fa;        /* Inline/Primary */
  --resonance-text-secondary: #989898;      /* Inline/Secondary */
  --resonance-text-placeholder: #6a6969;    /* Inline/Placeholder */
  --resonance-text-black: #000000;          /* Inline/Black */
  --resonance-text-error: #ff0000;          /* Inline/Error */
  --resonance-text-ongradient: #070707;
  --resonance-gradient-cta-start: #b9ddf8;  /* Gradient/CTA/Start */
  --resonance-gradient-cta-end: #d7aef3;    /* Gradient/CTA/End */

  /* Не вынесены в переменные в Figma, но используются в макете */
  --resonance-surface-glass: rgba(192, 192, 192, 0.06);
  --resonance-surface-header: rgba(11, 11, 11, 0.82);
  --resonance-play-start: #bdd6f7;
  --resonance-play-end: #d3b4f3;
}

/* ---------- Resonance / Responsive · Desktop ---------- */
:root {
  --resonance-font-family-bounded: "Bounded", "Helvetica Neue", Arial, sans-serif;
  --resonance-font-style-light: 300;
  --resonance-font-style-regular: 400;
  --resonance-font-style-medium: 500;
  --resonance-font-style-semibold: 600;
  --resonance-font-style-bold: 700;

  --resonance-type-tracking-normal: 0px;
  --resonance-type-paragraphspacing-0: 0px;
  --resonance-type-paragraphindent-0: 0px;

  --resonance-type-hero-size: 64px;
  --resonance-type-hero-lineheight: 64px;
  --resonance-type-hero-tracking: -1.92px;
  --resonance-type-herobody-size: 18px;
  --resonance-type-herobody-lineheight: 24px;
  --resonance-type-eventdate-size: 16px;
  --resonance-type-eventdate-lineheight: 20px;

  --resonance-type-fact-size: 32px;
  --resonance-type-fact-lineheight: 40px;
  --resonance-type-fact-tracking: -2.4px;
  --resonance-type-factcaption-size: 18px;
  --resonance-type-factcaption-lineheight: 18px;

  --resonance-type-heading-size: 40px;
  --resonance-type-heading-lineheight: 48px;
  --resonance-type-heading-tracking: -1.2px;

  --resonance-type-cardtitle-size: 32px;
  --resonance-type-cardtitle-lineheight: 36px;
  --resonance-type-cardtitle-tracking: -2.4px;

  --resonance-type-body-size: 16px;
  --resonance-type-body-lineheight: 18px;
  --resonance-type-lead-size: 16px;
  --resonance-type-lead-lineheight: 24px;

  --resonance-type-speakername-size: 24px;
  --resonance-type-speakername-lineheight: 24px;
  --resonance-type-speakername-tracking: -1.8px;
  --resonance-type-speakerrole-size: 14px;
  --resonance-type-speakerrole-lineheight: 18px;

  --resonance-type-agendatime-size: 16px;
  --resonance-type-agendatime-lineheight: 32px;
  --resonance-type-agendatitle-size: 24px;
  --resonance-type-agendatitle-lineheight: 34px;     /* 140% = 33.6px, Figma округляет строку до 34px */
  --resonance-type-agendatitle-tracking: -1.44px;
  --resonance-type-agendaspeaker-size: 16px;
  --resonance-type-agendaspeaker-lineheight: 23px;   /* 140% = 22.4px, в макете 23px */
  --resonance-type-agendaspeaker-tracking: -0.96px;
  --resonance-type-agendaindex-size: 18px;
  --resonance-type-agendaindex-lineheight: 34px;
  --resonance-type-agendanote-size: 16px;
  --resonance-type-agendanote-lineheight: 23px;      /* 140% = 22.4px, в макете 23px */
  --resonance-type-agendanote-tracking: -0.96px;

  --resonance-type-brand-size: 22.4px;
  --resonance-type-brand-lineheight: 22.4px;
  --resonance-type-brand-tracking: -0.67px;

  --resonance-type-input-size: 18px;
  --resonance-type-input-lineheight: 25.2px;
  --resonance-type-button-size: 18px;
  --resonance-type-button-lineheight: 24px;
  --resonance-type-buttonsmall-size: 16px;
  --resonance-type-buttonsmall-lineheight: 24px;
  --resonance-type-buttonroute-size: 18px;
  --resonance-type-buttonroute-lineheight: 24px;
  --resonance-type-caption-size: 16px;
  --resonance-type-caption-lineheight: 22.4px;

  --resonance-type-locationtitle-size: 24px;
  --resonance-type-locationtitle-lineheight: 27px;
  --resonance-type-locationtitle-tracking: -1.8px;
  --resonance-type-address-size: 16px;
  --resonance-type-address-lineheight: 18px;

  --resonance-type-faqquestion-size: 18px;
  --resonance-type-faqquestion-lineheight: 25px;
  --resonance-type-faqanswer-size: 16px;
  --resonance-type-faqanswer-lineheight: 20px;

  --resonance-type-contactlink-size: 20px;
  --resonance-type-contactlink-lineheight: 27px;
  --resonance-type-contactlink-tracking: -1.5px;

  --resonance-type-navigation-size: 16px;
  --resonance-type-navigation-lineheight: 18px;

  --resonance-space-sectiongap: 96px;
  --resonance-space-panelpadding: 64px;
  --resonance-space-scale-0: 0px;
  --resonance-space-scale-8: 8px;
  --resonance-space-scale-10: 10px;
  --resonance-space-scale-12: 12px;
  --resonance-space-scale-16: 16px;
  --resonance-space-scale-20: 20px;
  --resonance-space-scale-21: 21px;
  --resonance-space-scale-22: 22px;
  --resonance-space-scale-24: 24px;
  --resonance-space-scale-27: 27px;
  --resonance-space-scale-28: 28px;
  --resonance-space-scale-32: 32px;
  --resonance-space-scale-40: 40px;
  --resonance-space-scale-48: 48px;
  --resonance-space-scale-64: 64px;
}

/* ---------- Resonance / Responsive · Mobile ---------- */
@media (max-width: 1023.98px) {
  :root {
    --resonance-type-hero-size: 32px;
    --resonance-type-hero-lineheight: 36px;
    --resonance-type-hero-tracking: -0.96px;
    --resonance-type-herobody-size: 14px;
    --resonance-type-herobody-lineheight: 20px;
    --resonance-type-eventdate-size: 14px;
    --resonance-type-eventdate-lineheight: 20px;

    --resonance-type-fact-size: 19px;
    --resonance-type-fact-lineheight: 24px;
    --resonance-type-fact-tracking: -1.42px;
    --resonance-type-factcaption-size: 13px;
    --resonance-type-factcaption-lineheight: 18px;

    --resonance-type-heading-size: 28px;
    --resonance-type-heading-lineheight: 32px;
    --resonance-type-heading-tracking: -0.84px;

    --resonance-type-cardtitle-size: 24px;
    --resonance-type-cardtitle-lineheight: 28px;
    --resonance-type-cardtitle-tracking: -1.8px;

    --resonance-type-body-size: 14px;
    --resonance-type-body-lineheight: 20px;
    --resonance-type-lead-size: 14px;
    --resonance-type-lead-lineheight: 20px;

    --resonance-type-speakername-size: 24px;
    --resonance-type-speakername-lineheight: 28px;
    --resonance-type-speakername-tracking: -1.8px;
    --resonance-type-speakerrole-size: 14px;
    --resonance-type-speakerrole-lineheight: 20px;

    --resonance-type-agendatime-size: 13px;
    --resonance-type-agendatime-lineheight: 20px;
    --resonance-type-agendatitle-size: 18px;
    --resonance-type-agendatitle-lineheight: 25px;
    --resonance-type-agendatitle-tracking: -1.08px;
    --resonance-type-agendaspeaker-size: 12px;
    --resonance-type-agendaspeaker-lineheight: 17px;
    --resonance-type-agendaspeaker-tracking: -0.72px;
    --resonance-type-agendaindex-size: 13px;
    --resonance-type-agendaindex-lineheight: 20px;
    --resonance-type-agendanote-size: 14px;
    --resonance-type-agendanote-lineheight: 20px;
    --resonance-type-agendanote-tracking: -0.84px;

    --resonance-type-brand-size: 16px;
    --resonance-type-brand-lineheight: 22px;
    --resonance-type-brand-tracking: -0.48px;

    --resonance-type-input-size: 14px;
    --resonance-type-input-lineheight: 20px;
    --resonance-type-button-size: 16px;
    --resonance-type-button-lineheight: 22px;
    --resonance-type-buttonsmall-size: 16px;
    --resonance-type-buttonsmall-lineheight: 24px;
    --resonance-type-buttonroute-size: 14px;
    --resonance-type-buttonroute-lineheight: 20px;
    --resonance-type-caption-size: 12px;
    --resonance-type-caption-lineheight: 17px;

    --resonance-type-locationtitle-size: 20px;
    --resonance-type-locationtitle-lineheight: 26px;
    --resonance-type-locationtitle-tracking: -1.5px;
    --resonance-type-address-size: 13px;
    --resonance-type-address-lineheight: 18px;

    --resonance-type-faqquestion-size: 14px;
    --resonance-type-faqquestion-lineheight: 20px;
    --resonance-type-faqanswer-size: 13px;
    --resonance-type-faqanswer-lineheight: 19px;

    --resonance-type-contactlink-size: 16px;
    --resonance-type-contactlink-lineheight: 24px;
    --resonance-type-contactlink-tracking: -1.2px;

    --resonance-type-navigation-size: 16px;
    --resonance-type-navigation-lineheight: 18px;

    --resonance-space-sectiongap: 56px;
    --resonance-space-panelpadding: 24px;
  }
}