/**
 * @file
 * Values two or more components have to agree on.
 *
 * Consumers should alias these into a component-scoped property rather than
 * reading them directly in a declaration.
 */

:root {
  /* --ln-color-red-hover comes from the Site Studio "Red button" custom style
     (cohesion_custom_style.fd769c62); keep the two in step. */
  --ln-color-red: #cf0000;
  --ln-color-red-hover: #961f00;

  /* Body and heading foreground except where a comp says otherwise. */
  --ln-color-ink: #1c1c1c;

  --ln-font-sans: Outfit, sans-serif;

  /**
   * Surface behind the tabbed panel and the feature carousel.
   *
   * Flat, not a gradient: the tab videos have their background baked in and a
   * baked-in slice cannot track a CSS gradient across viewport widths.
   *
   * Open: the delivered clips are composited on #e8e8e8, not this #ededed, so a
   * faint edge shows around each. Either this moves or the next export does.
   */
  --ln-color-surface-gray: #ededed;

  /* Owned by cohesion_theme; read by the sticky offsets and anchor margins. */
  --ln-site-header-height: 60px;

  /**
   * Page container, matching Site Studio's .coh-style-max-width--1440
   * (cohesion_custom_style.cfbb4c04): a 1440px box centred with auto margins.
   *
   * The gutter is INSIDE the 1440, on the same box as the max-width, so content
   * settles at 1410px — which is why the form card's width is 1410. Putting it
   * on the section root instead would widen the container to 1470.
   *
   * One value at every breakpoint; there is no mobile step.
   */
  --ln-container-max: 1440px;
  --ln-container-gutter: 15px;

  /**
   * Primary call-to-action geometry, shared with the form's submit button.
   *
   * --ln-cta-min-width applies above 62rem only, and that breakpoint stays
   * duplicated in every consumer — a media query cannot read a custom property.
   */
  --ln-cta-padding-block: 10px;
  --ln-cta-padding-inline: 16px;
  --ln-cta-radius: 4px;
  --ln-cta-font-size: 18px;
  --ln-cta-font-weight: 400;
  --ln-cta-line-height: 1.5;
  --ln-cta-min-width: 224px;
  --ln-cta-transition: background-color 0.15s ease-in-out,
    color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}