/**
 * Global Science - Gradient Design Tokens
 */

:root {
  --gs-gradient-product-media: linear-gradient(
    to bottom right,
    var(--gs-color-text) 0%,
    var(--gs-color-product-media-light) 100%
  );

  --gs-gradient-page-hero: linear-gradient(
    to bottom right,
    var(--gs-color-page-hero-light) 0%,
    var(--gs-color-page-hero-dark) 100%
  );

  /*
   * Section: linear from bottom-left to top-right.
   * Pale section tint at lower-left, fading to white toward upper-right.
   */
  --gs-gradient-section: linear-gradient(
    to top right,
    var(--gs-color-section) 42%,
    var(--gs-color-content-light) 78%
  );

  --gs-gradient-section-flip: linear-gradient(
    to top left,
    var(--gs-color-section) 42%,
    var(--gs-color-content-light) 78%
  );

  /*
   * Content: F5F5F5(0%) to CBBCB9(100%)
   * F5F5F5 at top-right (~70% from left)
   * CBBCB9 at bottom-right
   */
  --gs-gradient-content: radial-gradient(
    ellipse 150% 130% at 70% 0%,
    var(--gs-color-content-light) 0%,
    var(--gs-color-section) 100%
  );

  --gs-gradient-content-flip: radial-gradient(
    ellipse 150% 130% at 30% 0%,
    var(--gs-color-content-light) 0%,
    var(--gs-color-section) 100%
  );
}