/* Agency design system 0.9. Smooth frosted glass throughout the interface. */
:root {
  --primitive-color-paper: #F5F6F4;
  --primitive-color-milk: #FFFFFF;
  --primitive-color-ink: #202725;
  --primitive-color-titanium: var(--primitive-color-silver);
  --primitive-color-pool: #B9DEE4;
  --primitive-color-petrol: #225B63;
  --primitive-color-iris: #D8D0EA;
  --primitive-color-signal: #AF3C2D;
  --primitive-color-muted: #52615E;
  --primitive-color-line: #D5DDDA;
  --primitive-color-outline: #71817C;
  --primitive-color-silver: #C8CFD8;
  --primitive-color-silver-highlight: #F8FAFD;
  --primitive-color-silver-reflection: #727E90;
  --primitive-color-silver-edge: #303946;
  --primitive-color-glass-ice: #EAF2F2;
  --primitive-color-glass-smoke: #17292E;
  --primitive-space-1: 4px;
  --primitive-space-2: 8px;
  --primitive-space-3: 12px;
  --primitive-space-4: 16px;
  --primitive-space-6: 24px;
  --primitive-space-8: 32px;
  --primitive-space-12: 48px;
  --primitive-space-16: 64px;
  --primitive-space-24: 96px;
  --primitive-font-display: "ZEN SERIF", Georgia, serif;
  --primitive-font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --primitive-font-editorial: "Instrument Serif", Georgia, serif;
  --primitive-font-technical: "Space Grotesk", Arial, sans-serif;
  --primitive-font-mono: "IBM Plex Mono", monospace;
  --primitive-size-label: 12px;
  --primitive-size-caption: 14px;
  --primitive-size-body: 16px;
  --primitive-size-intro: 18px;
  --primitive-size-title: 32px;
  --primitive-size-heading: 48px;
  --primitive-size-display: 96px;
  --primitive-radius-none: 0px;
  --primitive-radius-control: 4px;
  --primitive-radius-instrument: 24px;
  --primitive-duration-feedback: 120ms;
  --primitive-duration-transition: 240ms;
  --primitive-duration-reveal: 360ms;
  --primitive-duration-expressive: 700ms;
  --primitive-duration-ambient: 11000ms;
  --primitive-duration-marquee: 38000ms;
  --primitive-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --primitive-border-fine: 1px;
  --primitive-border-focus: 2px;
  --primitive-layout-max: 1320px;
  --primitive-layout-compact: 640px;
  --primitive-layout-medium: 900px;
  --primitive-finish-brushed-silver: repeating-linear-gradient(0deg, #FFFFFF00 0px 1px, #FFFFFF33 1px 2px, #30394612 2px 3px), linear-gradient(112deg, #727E90 0%, #C8CFD8 18%, #F8FAFD 34%, #A5AFBE 45%, #E3E8EF 64%, #727E90 86%, #303946 100%);
  --primitive-finish-polished-silver: linear-gradient(112deg, #303946 0%, #727E90 17%, #F8FAFD 25%, #C8CFD8 29%, #303946 43%, #727E90 46%, #F8FAFD 49%, #E3E8EF 63%, #727E90 83%, #303946 100%);
  --primitive-finish-frost-fill: rgba(248, 252, 251, 0.68);
  --primitive-finish-frost-border: rgba(255, 255, 255, 0.82);
  --primitive-finish-light-frost-fill: rgba(248, 252, 251, 0.46);
  --primitive-finish-frost-control-fill: rgba(238, 248, 247, 0.76);
  --primitive-finish-frost-control-border: rgba(255, 255, 255, 0.88);
  --primitive-finish-frost-control-shadow: 0 6px 18px rgba(31, 78, 89, 0.10);
  --primitive-finish-soft-frost-fill: rgba(248, 252, 251, 0.56);
  --primitive-finish-dense-frost-fill: rgba(248, 252, 251, 0.86);
  --primitive-finish-frost-shadow: 0 24px 65px rgba(44, 74, 79, 0.10);
  --primitive-finish-frost-menu-fill: rgba(238, 245, 244, 0.78);
  --semantic-color-background: var(--primitive-color-paper);
  --semantic-color-surface: var(--primitive-color-milk);
  --semantic-color-foreground: var(--primitive-color-ink);
  --semantic-color-muted: var(--primitive-color-muted);
  --semantic-color-border: var(--primitive-color-line);
  --semantic-color-control-border: var(--primitive-color-outline);
  --semantic-color-primary: var(--primitive-color-petrol);
  --semantic-color-on-primary: var(--primitive-color-milk);
  --semantic-color-accent: var(--primitive-color-pool);
  --semantic-color-counterpoint: var(--primitive-color-iris);
  --semantic-color-focus: var(--primitive-color-petrol);
  --semantic-color-error: var(--primitive-color-signal);
  --semantic-type-display: var(--primitive-font-technical);
  --semantic-type-body: var(--primitive-font-technical);
  --semantic-type-label: var(--primitive-font-mono);
  --semantic-space-inline: var(--primitive-space-2);
  --semantic-space-component: var(--primitive-space-6);
  --semantic-space-section: var(--primitive-space-24);
  --semantic-motion-reveal: var(--primitive-duration-expressive);
  --semantic-motion-easing: var(--primitive-ease-out);
  --semantic-material-face: var(--primitive-color-silver);
  --semantic-material-highlight: var(--primitive-color-silver-highlight);
  --semantic-material-reflection: var(--primitive-color-silver-reflection);
  --semantic-material-edge: var(--primitive-color-silver-edge);
  --semantic-material-default-finish: var(--primitive-finish-brushed-silver);
  --semantic-material-accent-finish: var(--primitive-finish-polished-silver);
  --semantic-material-glass-smoke: var(--primitive-color-glass-smoke);
  --semantic-material-frost-fill: var(--primitive-finish-frost-fill);
  --semantic-material-frost-border: var(--primitive-finish-frost-border);
  --semantic-material-light-frost-fill: var(--primitive-finish-light-frost-fill);
  --semantic-material-frost-control-fill: var(--primitive-finish-frost-control-fill);
  --semantic-material-frost-control-border: var(--primitive-finish-frost-control-border);
  --semantic-material-frost-control-shadow: var(--primitive-finish-frost-control-shadow);
  --semantic-material-soft-frost-fill: var(--primitive-finish-soft-frost-fill);
  --semantic-material-dense-frost-fill: var(--primitive-finish-dense-frost-fill);
  --semantic-material-frost-shadow: var(--primitive-finish-frost-shadow);
  --semantic-material-frost-menu-fill: var(--primitive-finish-frost-menu-fill);
  --component-button-background: var(--semantic-color-surface);
  --component-button-foreground: var(--semantic-color-foreground);
  --component-button-border: var(--semantic-color-control-border);
  --component-button-selected-background: var(--semantic-color-foreground);
  --component-button-selected-foreground: var(--semantic-color-surface);
  --component-button-radius: var(--primitive-radius-control);
  --component-button-target: 48px;
  --component-caption-color: var(--semantic-color-muted);
  --component-caption-size: var(--primitive-size-caption);
  --component-campaign-background: var(--semantic-color-surface);
  --component-campaign-foreground: var(--semantic-color-foreground);
  --component-campaign-display-family: var(--semantic-type-display);
  --component-campaign-margin: 6%;
  --component-project-row-rule: var(--semantic-color-border);
  --component-project-row-gap: var(--primitive-space-6);
  --component-object-control-radius: var(--primitive-radius-instrument);
  --component-object-control-target: 44px;
  --component-material-frame-face: var(--semantic-material-default-finish);
  --component-material-frame-edge: var(--semantic-material-edge);
  --component-material-frame-highlight: var(--semantic-material-highlight);
  --component-glass-panel-fill: var(--semantic-material-frost-fill);
  --component-glass-panel-border: var(--semantic-material-frost-border);
  --component-glass-panel-shadow: var(--semantic-material-frost-shadow);
  --component-glass-panel-radius: 28px;
  --component-glass-panel-blur: 20px;
  --component-glass-light-frost-fill: var(--semantic-material-light-frost-fill);
  --component-glass-light-frost-blur: 12px;
  --component-frost-control-fill: var(--semantic-material-frost-control-fill);
  --component-frost-control-border: var(--semantic-material-frost-control-border);
  --component-frost-control-shadow: var(--semantic-material-frost-control-shadow);
  --component-frost-control-blur: 18px;
  --component-frost-control-minimum-target: 44px;
  --component-glass-soft-frost-fill: var(--semantic-material-soft-frost-fill);
  --component-glass-soft-frost-blur: 22px;
  --component-glass-dense-frost-fill: var(--semantic-material-dense-frost-fill);
  --component-glass-dense-frost-blur: 36px;
  --component-frost-menu-fill: var(--semantic-material-frost-menu-fill);
  --component-frost-menu-border: var(--semantic-material-frost-border);
  --component-frost-menu-shadow: var(--semantic-material-frost-shadow);
  --component-frost-menu-radius: 27px;
  --component-frost-menu-blur: 28px;
}