/* Patepang: the brand's values, written by brand.patepang.com from the pages' own data. */
:root {
  --pp-brand-sky: #61A8DC;
  --pp-brand-deep: #245C8F;
  --pp-brand-navy: #18273A;
  --pp-brand-ivory: #F7F5F0;
  --pp-brand-pale: #E2ECF5;
  --pp-brand-white: #FFFFFF;
  --pp-brand-apricot: #E7956C;
  --pp-support-forest: #1F5F4F;
  --pp-support-leaf: #5DA78B;
  --pp-support-amber: #F0C468;
  --pp-support-light-blue: #A9CBEA;
  --pp-support-brick: #A0461E;
  --pp-canvas: #F7F5F0;
  --pp-raised: #FFFEFB;
  --pp-sunken: #EFECE5;
  --pp-ink: #18273A;
  --pp-ink-2: #4B5869;
  --pp-ink-3: #66717F;
  --pp-line: #E3DFD6;
  --pp-line-strong: #8792A0;
  --pp-link: #245C8F;
  --pp-btn: #245C8F;
  --pp-on-btn: #FFFFFF;
  --pp-focus: #245C8F;
  --pp-subtle: #E2ECF5;
  --pp-on-subtle: #245C8F;
  --pp-deep: #18273A;
  --pp-deep-ink: #F7F5F0;
  --pp-sky: #61A8DC;
  --pp-on-sky: #18273A;
  --pp-success: #2C6936;
  --pp-success-subtle: #E3F0E4;
  --pp-warning: #7A5200;
  --pp-warning-subtle: #FBEFD3;
  --pp-danger: #B0261D;
  --pp-danger-subtle: #FBE7E4;
  --pp-info: #245C8F;
  --pp-info-subtle: #E2ECF5;
  --pp-font: 'Patepang Sans', system-ui, sans-serif;
  --pp-space-4: 4px;
  --pp-space-8: 8px;
  --pp-space-12: 12px;
  --pp-space-16: 16px;
  --pp-space-20: 20px;
  --pp-space-24: 24px;
  --pp-space-32: 32px;
  --pp-space-40: 40px;
  --pp-space-48: 48px;
  --pp-space-64: 64px;
  --pp-radius-xs: 4px;
  --pp-radius-sm: 8px;
  --pp-radius-md: 12px;
  --pp-radius-lg: 16px;
  --pp-radius-xl: 20px;
  --pp-radius-xxl: 28px;
  --pp-radius-full: 9999px;
  --pp-touch-target: 48px;
  --pp-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --pp-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --pp-ease-sheet: cubic-bezier(0.32, 0.72, 0, 1);
  --pp-duration-press: 120ms;
  --pp-duration-selection: 160ms;
  --pp-duration-enter: 220ms;
  --pp-duration-exit: 180ms;
  --pp-duration-move: 240ms;
  --pp-duration-overlay-enter: 300ms;
  --pp-duration-overlay-exit: 240ms;
  --pp-duration-reduced-fade: 120ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --pp-canvas: #0F1824;
    --pp-raised: #172334;
    --pp-sunken: #0B121C;
    --pp-ink: #F2EFE8;
    --pp-ink-2: #C6D0DC;
    --pp-ink-3: #9AA6B4;
    --pp-line: #26344A;
    --pp-line-strong: #6E7C8F;
    --pp-link: #8DBDEB;
    --pp-btn: #61A8DC;
    --pp-on-btn: #0F1824;
    --pp-focus: #8DBDEB;
    --pp-subtle: #1A2B42;
    --pp-on-subtle: #A9CBEA;
    --pp-deep: #0B121C;
    --pp-deep-ink: #F2EFE8;
    --pp-sky: #245C8F;
    --pp-on-sky: #F2EFE8;
    --pp-success: #8FD09B;
    --pp-success-subtle: #1C2B1F;
    --pp-warning: #F0C468;
    --pp-warning-subtle: #2E2716;
    --pp-danger: #FF9C90;
    --pp-danger-subtle: #3A1E1B;
    --pp-info: #8DBDEB;
    --pp-info-subtle: #18273A;
  }
}