/* Main Polly Style Variables */ 
:root {
  /* Base Colors */
  --polly-hue--primary: 227;
  --polly-hue--secondary: 45;
  --polly-hue--error: 3.91;
  --polly-hue--warning: 34.03;
  --polly-hue--success: 152.13;
  --polly-bg-white: #FFFFFF;
  --polly-bg-white--accent: #F9FAFF; 

  /* Header Gradient */
  --polly-nav-gradient--secondary: hsla(var(--polly-hue--primary), 80%, 42%, 1);
  --polly-nav-gradient:  linear-gradient(90deg, var(--polly-brand--700) 28%, var(--polly-nav-gradient--secondary) 40%, var(--polly-brand--200) 100%);

  /* Linear Gradient */
  --polly-linear-gradient: linear-gradient(hsla(var(--polly-hue--secondary), 100%, 49.80%, 1), hsla(var(--polly-hue--primary), 77.08%, 50.39%, 1));

  /* Colours */
  /* Brand Colors*/
  --polly-brand--25: hsla(var(--polly-hue--primary), 100%, 85%, 1);
  --polly-brand--50: hsla(var(--polly-hue--primary), 100%, 80%, 1);
  --polly-brand--100: hsla(var(--polly-hue--primary), 100%, 75%, 1);
  --polly-brand--200: hsla(var(--polly-hue--primary), 100%, 60%, 1);
  --polly-brand--300: hsla(var(--polly-hue--primary), 100%, 45%, 1);
  --polly-brand--400: hsla(var(--polly-hue--primary), 100%, 30%, 1);
  --polly-brand--500: hsla(var(--polly-hue--primary), 100%, 15%, 1);
  --polly-brand--600: hsla(var(--polly-hue--secondary), 100%, 50%, 1);
  --polly-brand--700: hsla(var(--polly-hue--primary), 100%, 25%, 1);
  --polly-brand--800: hsla(var(--polly-hue--primary), 100%, 10%, 1);
  --polly-brand--900: hsla(var(--polly-hue--primary), 100%, 5%, 1);
  --polly-brand--950: hsla(var(--polly-hue--primary), 100%, 2.5%, 1);
  --Primary-Blue: var(--polly-brand--700);

  /* Polly Grey Colours */
  --polly-grey--25: hsla(var(--polly-hue--primary), 10.28%, 99.22%, 1);
  --polly-grey--50: hsla(var(--polly-hue--primary), 20%, 98.04%, 1);
  --polly-grey--100: hsla(var(--polly-hue--primary), 23.81%, 95.88%, 1);
  --polly-grey--200: hsla(var(--polly-hue--primary), 16.67%, 92.94%, 1);
  --polly-grey--300: hsla(var(--polly-hue--primary), 16.05%, 84.12%, 1);
  --polly-grey--400: hsla(var(--polly-hue--primary), 15.08%, 64.90%, 1);
  --polly-grey--500: hsla(var(--polly-hue--primary), 13.19%, 46.08%, 1);
  --polly-grey--600: hsla(var(--polly-hue--primary), 18.39%, 34.12%, 1);
  --polly-grey--700: hsla(var(--polly-hue--primary), 23.53%, 26.67%, 1);
  --polly-grey--800: hsla(var(--polly-hue--primary), 33.33%, 14.12%, 1);
  --polly-grey--900: hsla(var(--polly-hue--primary), 42.86%, 10.98%, 1);
  --polly-grey--950: hsla(var(--polly-hue--primary), 41.86%, 8.04%, 1);

  /* Polly Error Colours */
  --polly-error--25: hsla(var(--polly-hue--error), 100%, 99.02%, 1);
  --polly-error--50: hsla(var(--polly-hue--error), 85.71%, 97.25%, 1);
  --polly-error--100: hsla(var(--polly-hue--error), 93.33%, 94.12%, 1);
  --polly-error--200: hsla(var(--polly-hue--error), 96.30%, 89.41%, 1);
  --polly-error--300: hsla(var(--polly-hue--error), 96.08%, 80%, 1);
  --polly-error--400: hsla(var(--polly-hue--error), 92.45%, 68.82%, 1);
  --polly-error--500: hsla(var(--polly-hue--error), 85.98%, 58.04%, 1);
  --polly-error--600: hsla(var(--polly-hue--error), 74.30%, 48.82%, 1);
  --polly-error--700: hsla(var(--polly-hue--error), 76.47%, 40%, 1);
  --polly-error--800: hsla(var(--polly-hue--error), 71.60%, 33.14%, 1);
  --polly-error--900: hsla(var(--polly-hue--error), 62.59%, 27.25%, 1);
  --polly-error--950: hsla(var(--polly-hue--error), 75.26%, 19.02%, 1);

  /* Polly Warning Colours */
  --polly-warning--25: hsla(var(--polly-hue--warning), 100%, 98.04%, 1);
  --polly-warning--50: hsla(var(--polly-hue--warning), 100%, 95.49%, 1);
  --polly-warning--100: hsla(var(--polly-hue--warning), 96.49%, 88.82%, 1);
  --polly-warning--200: hsla(var(--polly-hue--warning), 98.32%, 76.67%, 1);
  --polly-warning--300: hsla(var(--polly-hue--warning), 98.90%, 64.51%, 1);
  --polly-warning--400: hsla(var(--polly-hue--warning), 98.21%, 56.27%, 1);
  --polly-warning--500: hsla(var(--polly-hue--warning), 93.70%, 50.20%, 1);
  --polly-warning--600: hsla(var(--polly-hue--warning), 97.31%, 43.73%, 1);
  --polly-warning--700: hsla(var(--polly-hue--warning), 91.53%, 37.06%, 1);
  --polly-warning--800: hsla(var(--polly-hue--warning), 83.75%, 31.37%, 1);
  --polly-warning--900: hsla(var(--polly-hue--warning), 79.41%, 26.67%, 1);
  --polly-warning--950: hsla(var(--polly-hue--warning), 79.31%, 17.06%, 1);

  /* Polly Success Colours */
  --polly-success--25: hsla(var(--polly-hue--success), 80%, 98.04, 1);
  --polly-success--50: hsla(var(--polly-hue--success), 80.95%, 95.88%, 1);
  --polly-success--100: hsla(var(--polly-hue--success), 81.82%, 89.22%, 1);
  --polly-success--200: hsla(var(--polly-hue--success), 68%, 80.39%, 1);
  --polly-success--300: hsla(var(--polly-hue--success), 63.31%, 66.86%, 1);
  --polly-success--400: hsla(var(--polly-hue--success), 57.26%, 54.12%, 1);
  --polly-success--500: hsla(var(--polly-hue--success), 77.11%, 39.41%, 1);
  --polly-success--600: hsla(var(--polly-hue--success), 90.97%, 30.39%, 1);
  --polly-success--700: hsla(var(--polly-hue--success), 90.32%, 24.31%, 1);
  --polly-success--800: hsla(var(--polly-hue--success), 84.16%, 19.80%, 1);
  --polly-success--900: hsla(var(--polly-hue--success), 83.33%, 16.47%, 1);
  --polly-success--950: hsla(var(--polly-hue--success), 82.14%, 10.98%, 1);

  /* Typography */
  --polly-font-family: Roboto;
  --polly-font-size--xl: 24px;
  --polly-font-size--lg: 18px;
  --polly-font-size--md: 16px;
  --polly-font-size--sm: 14px;
  --polly-font-size--xs: 12px;
  --polly-font-weight--bold: 900;
  --polly-font-weight--semi-bold: 600;
  --polly-font-weight--regular: 400;
  --polly-font-weight--light: 300;
  --polly-font-colour: var(--polly-grey--600);
  --polly-font-colour--light: var(--polly-grey--400);
  --polly-font-colour--dark: var(--polly-grey--900);
  --polly-font-colour--link: var(--polly-brand--300);
  --polly-font-colour--white: #FFFFFF;
  --polly-font-colour--accent: #F9FAFF;
  --polly-line-height--sm: 1;
  --polly-line-height--md: 1.45;
  --polly-line-height--lg: 1.8;
  --polly-line-height--xl: 2.2;

  /* Shadows */
  --polly-shadow--xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

  /* Borders */
  --polly-border-radius--sm: 8px;
  --polly-border-width--sm: 0.5px;
  --polly-border-width--md: 1px;

  /* Helpcenter v2 theme tokens */
  --polly-hc-v2-primary-brand: #183153;
  --polly-hc-v2-accent: #FACC15;
  --polly-hc-v2-secondary-accent: #0F766E;
  --polly-hc-v2-surface-background: #F8FAFC;
  --polly-hc-v2-page-bg: var(--polly-grey--50);
  --polly-hc-v2-surface-card: #FFFFFF;
  --polly-hc-v2-text-primary: #111827;
  --polly-hc-v2-text-secondary: #475569;
  --polly-hc-v2-content-max-width: 1140px;
  --polly-hc-v2-main-offset-top-landing: -60px;
  --polly-hc-v2-main-offset-top-inner: 0px;

  --polly-hc-v2-hero-min-height-landing: 350px;
  --polly-hc-v2-hero-min-height-inner: 160px;
  --polly-hc-v2-hero-padding-top: 20px;
  --polly-hc-v2-hero-padding-bottom-landing: 102px;
  --polly-hc-v2-hero-padding-bottom-inner: 20px;
  --polly-hc-v2-hero-gradient: linear-gradient(135deg, #183153 0%, #1B6F9A 58%, #00ADE9 100%);
  --polly-hc-v2-hero-accent-height: 3px;
  --polly-hc-v2-hero-accent-colour: var(--polly-hc-v2-primary-brand);
  --polly-hc-v2-hero-title-margin: 24px 0 6px;
  --polly-hc-v2-hero-title-font-size: 36px;
  --polly-hc-v2-hero-title-line-height: 1.2;
  --polly-hc-v2-hero-title-letter-spacing: -0.4px;
  --polly-hc-v2-on-hero-text: #FFFFFF;
  --polly-hc-v2-hero-link-colour: #E2E8F0;
  --polly-hc-v2-hero-link-hover-colour: #FFFFFF;

  --polly-hc-v2-hero-links-font-size: 13px;
  --polly-hc-v2-hero-links-font-weight: var(--polly-font-weight--regular);
  --polly-hc-v2-hero-links-padding: 0.3em 0.65em;
  --polly-hc-v2-hero-search-margin-top: 14px;
  --polly-hc-v2-hero-search-max-width: 640px;

  --polly-hc-v2-search-border-colour: var(--polly-hc-v2-primary-brand);
  --polly-hc-v2-search-border-radius: var(--polly-hc-v2-border-radius);
  --polly-hc-v2-search-height: 52px;
  --polly-hc-v2-search-padding-x: 18px;
  --polly-hc-v2-search-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  --polly-hc-v2-search-focus-outline-width: 3px;

  --polly-hc-v2-footer-margin-top: 3rem;
  --polly-hc-v2-footer-padding: 2rem 1rem;
  --polly-hc-v2-footer-bg: var(--polly-grey--900);
  --polly-hc-v2-footer-color: var(--polly-grey--500);
  --polly-hc-v2-footer-link-color: var(--polly-hc-v2-primary-brand);

  --polly-hc-v2-grid-gap: 1.25rem;
  --polly-hc-v2-border-colour: #D7DCE6;
  --polly-hc-v2-border-width: 0px;
  --polly-hc-v2-border-style: solid;
  --polly-hc-v2-border-radius: 8px;
  --polly-hc-v2-card-width-desktop: calc(33.333% - 0.84rem);
  --polly-hc-v2-card-width-tablet: calc(50% - 0.65rem);
  --polly-hc-v2-card-min-height: 290px;
  --polly-hc-v2-card-padding: 1.75rem;
  --polly-hc-v2-card-gap: 0.95rem;
  --polly-hc-v2-card-radius: var(--polly-hc-v2-border-radius);
  --polly-hc-v2-card-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  --polly-hc-v2-card-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.08);
  --polly-hc-v2-card-hover-translate-y: -2px;
  --polly-hc-v2-card-title-size: 1.0625rem;
  --polly-hc-v2-card-body-size: 0.8125rem;
  --polly-hc-v2-card-link-size: 0.8125rem;
  --polly-hc-v2-card-icon-size: 34px;
  --polly-hc-v2-card-icon-radius: var(--polly-hc-v2-border-radius);
  --polly-hc-v2-card-icon-gap-right: 0.5rem;
  --polly-hc-v2-card-link-gap: 0.375rem;
  --polly-hc-v2-card-bullet-size: 4px;
  --polly-hc-v2-card-cta-size: 0.8125rem;
  --polly-hc-v2-card-cta-weight: 500;

  --polly-hc-v2-contact-gap: 1.5rem;
  --polly-hc-v2-contact-padding: 1.7rem 2rem;
  --polly-hc-v2-contact-radius: var(--polly-hc-v2-border-radius);
  --polly-hc-v2-contact-main-gap: 1.15rem;
  --polly-hc-v2-contact-icon-size: 52px;
  --polly-hc-v2-contact-icon-font-size: 1.25rem;
  --polly-hc-v2-contact-heading-size: 1.0625rem;
  --polly-hc-v2-contact-subtext-size: var(--polly-font-size--sm);
  --polly-hc-v2-contact-actions-gap: 0.65rem;
  --polly-hc-v2-contact-primary-gap: 0.5rem;
  --polly-hc-v2-contact-primary-padding: 0.62rem 1rem;
  --polly-hc-v2-contact-short-links-gap: 0.15rem;
  --polly-hc-v2-contact-short-link-size: 34px;
  --polly-hc-v2-contact-extra-gap: 0.5rem;
  --polly-hc-v2-contact-extra-margin-top: 0.25rem;
  --polly-hc-v2-contact-extra-padding-top: 0.5rem;

  --polly-hc-v2-announcement-margin: 0 0 1.5rem;
  --polly-hc-v2-announcement-radius: var(--polly-hc-v2-border-radius);
  --polly-hc-v2-announcement-padding: 1.125rem 1.5rem;
  --polly-hc-v2-announcement-gradient: linear-gradient(90deg, var(--polly-hc-v2-primary-brand) 0%, var(--polly-hc-v2-accent) 100%);
  --polly-hc-v2-announcement-title-colour: #ffffff;
  --polly-hc-v2-search-input-bg: var(--polly-hc-v2-surface-card);
  --polly-hc-v2-widget-surface: var(--polly-hc-v2-surface-card);
  --polly-hc-v2-announcement-icon-size: 16px;
  --polly-hc-v2-announcement-icon-colour: var(--polly-hc-v2-accent);
  --polly-hc-v2-announcement-title-size: 0.95rem;
  --polly-hc-v2-announcement-title-weight: 700;
  --polly-hc-v2-announcement-text-size: 0.8125rem;
  --polly-hc-v2-announcement-text-colour: rgba(255, 255, 255, 0.92);

  --polly-hc-v2-mobile-hero-padding-bottom: 28px;
  --polly-hc-v2-mobile-hero-title-size: 30px;

}