/* Generated by scripts/brand/build_tokens.py from praxon.tokens.json. Do not edit by hand.
   Praxon Partners design tokens, based on mockup 1F Silencio. Palette undecided: Mono by default, Azul available. */
:root {
  --prx-color-paper: #F6F6F3;
  --prx-color-ink: #161617;
  --prx-color-neutral-50: #F6F6F3;
  --prx-color-neutral-100: #EFEFEB;
  --prx-color-neutral-200: #E6E6E1;
  --prx-color-neutral-300: #D8D8D3;
  --prx-color-neutral-400: #C6C6C1;
  --prx-color-neutral-500: #A0A09B;
  --prx-color-neutral-600: #858581;
  --prx-color-neutral-700: #666663;
  --prx-color-neutral-800: #50504E;
  --prx-color-neutral-850: #333335;
  --prx-color-neutral-900: #262627;
  --prx-color-neutral-950: #1B1B1C;
  --prx-color-azul-ink: #0D1829;
  --prx-color-azul-paper: #F2F4F8;
  --prx-color-azul-tint: #16305F;
  --prx-color-reserve-navy-900: #081A3F;
  --prx-color-reserve-navy-700: #0C2C78;
  --prx-color-reserve-electric-600: #1A4DFF;
  --prx-color-reserve-electric-500: #2F66FF;
  --prx-color-state-ok: #2F6B4F;
  --prx-color-state-ok-tint: #EAF3EE;
  --prx-color-state-ok-dark: #7CCBA4;
  --prx-color-state-ok-dark-tint: #14241C;
  --prx-color-state-warn: #8F6416;
  --prx-color-state-warn-tint: #F8F0E0;
  --prx-color-state-warn-dark: #E2B85E;
  --prx-color-state-warn-dark-tint: #2A2110;
  --prx-color-state-bad: #A03A31;
  --prx-color-state-bad-tint: #F9EBE9;
  --prx-color-state-bad-dark: #F2978C;
  --prx-color-state-bad-dark-tint: #2C1614;
  --prx-font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --prx-font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --prx-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --prx-weight-light: 300;
  --prx-weight-regular: 400;
  --prx-weight-medium: 500;
  --prx-size-xs: 0.75rem;
  --prx-size-ctl: 0.8125rem;
  --prx-size-sm: 0.875rem;
  --prx-size-md: 1.0625rem;
  --prx-size-lg: 1.25rem;
  --prx-size-h4: 1.375rem;
  --prx-size-h3: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --prx-size-h2: clamp(1.75rem, 1.2rem + 2vw, 3rem);
  --prx-size-h1: clamp(2rem, 4.8vw, 5.5rem);
  --prx-size-display: min(7.2vw, 18vh);
  --prx-leading-xs: 1.34;
  --prx-leading-sm: 1.45;
  --prx-leading-md: 1.5;
  --prx-leading-lg: 1.4;
  --prx-leading-h4: 1.25;
  --prx-leading-h3: 1.16;
  --prx-leading-h2: 1.1;
  --prx-leading-h1: 1.06;
  --prx-leading-display: 1;
  --prx-track-display: 0.005em;
  --prx-track-statement: -0.012em;
  --prx-track-heading: -0.01em;
  --prx-track-body: 0em;
  --prx-track-caps: 0.14em;
  --prx-track-brand: 0.34em;
  --prx-space-1: 0.25rem;
  --prx-space-2: 0.5rem;
  --prx-space-3: 0.75rem;
  --prx-space-4: 1rem;
  --prx-space-5: 1.5rem;
  --prx-space-6: 2rem;
  --prx-space-7: 3rem;
  --prx-space-8: 4rem;
  --prx-space-9: 6rem;
  --prx-space-10: 8rem;
  --prx-space-section: clamp(4.5rem, 3rem + 7vw, 10rem);
  --prx-layout-margin: clamp(1rem, 3vw, 3rem);
  --prx-layout-gutter: clamp(1rem, 2vw, 1.5rem);
  --prx-layout-max: 97.5rem;
  --prx-layout-measure: 66ch;
  --prx-layout-header: 3.25rem;
  --prx-layout-target: 2.75rem;
  --prx-radius-0: 0;
  --prx-radius-1: 0;
  --prx-radius-2: 0;
  --prx-radius-3: 0;
  --prx-radius-pill: 999px;
  --prx-border-hair: 1px;
  --prx-border-strong: 1.5px;
  --prx-border-focus: 2px;
  --prx-dur-instant: 100ms;
  --prx-dur-fast: 160ms;
  --prx-dur-base: 240ms;
  --prx-dur-slow: 400ms;
  --prx-dur-hero: 2600ms;
  --prx-dur-media: 700ms;
  --prx-dur-hero-film: 2400ms;
  --prx-dur-hero-chrome: 1000ms;
  --prx-dur-hero-chrome-delay: 1600ms;
  --prx-z-base: 0;
  --prx-z-media: 1;
  --prx-z-scrim: 2;
  --prx-z-content: 3;
  --prx-z-header: 30;
  --prx-z-sheet: 40;
  --prx-z-dialog: 50;
  --prx-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --prx-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --prx-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --prx-ease-media: cubic-bezier(0.4, 0, 0.2, 1);
  --prx-ease-exhale: cubic-bezier(0.2, 0.6, 0.2, 1);
}

:root, [data-theme="light"] {
  --prx-bg: #F6F6F3;
  --prx-bg-subtle: #EFEFEB;
  --prx-bg-muted: #E6E6E1;
  --prx-bg-raised: #FBFBF9;
  --prx-bg-inverse: #161617;
  --prx-fg: #161617;
  --prx-fg-muted: #50504E;
  --prx-fg-subtle: #666663;
  --prx-fg-inverse: #F6F6F3;
  --prx-line: #D8D8D3;
  --prx-line-strong: #858581;
  --prx-accent: #161617;
  --prx-accent-strong: #161617;
  --prx-accent-tint: #E6E6E1;
  --prx-accent-fg: #F6F6F3;
  --prx-focus: #161617;
  --prx-mark: #161617;
  --prx-tint: transparent;
  --prx-btn-bg: #161617;
  --prx-btn-fg: #F6F6F3;
  --prx-btn2-bg: #E6E6E1;
  --prx-btn2-bg-hover: #D8D8D3;
  --prx-btn2-fg: #161617;
  --prx-field-bg: #FBFBF9;
  --prx-selection: #16161726;
  --prx-ok: #2F6B4F;
  --prx-ok-bg: #EAF3EE;
  --prx-warn: #8F6416;
  --prx-warn-bg: #F8F0E0;
  --prx-bad: #A03A31;
  --prx-bad-bg: #F9EBE9;
  --prx-reserve-gradient: linear-gradient(100deg, #081A3F 0%, #0C2C78 46%, #1A4DFF 100%);
  --prx-shadow-1: 0 1px 2px rgb(10 10 12 / 0.06);
  --prx-shadow-2: 0 8px 24px -10px rgb(10 10 12 / 0.18), 0 2px 6px -2px rgb(10 10 12 / 0.06);
  --prx-shadow-3: 0 28px 64px -20px rgb(10 10 12 / 0.28), 0 8px 20px -10px rgb(10 10 12 / 0.1);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --prx-bg: #1B1B1C;
    --prx-bg-subtle: #212122;
    --prx-bg-muted: #2A2A2B;
    --prx-bg-raised: #252526;
    --prx-bg-inverse: #F6F6F3;
    --prx-fg: #F6F6F3;
    --prx-fg-muted: #C6C6C1;
    --prx-fg-subtle: #A0A09B;
    --prx-fg-inverse: #161617;
    --prx-line: #333335;
    --prx-line-strong: #7A7A76;
    --prx-accent: #F6F6F3;
    --prx-accent-strong: #FFFFFF;
    --prx-accent-tint: #2A2A2B;
    --prx-accent-fg: #161617;
    --prx-focus: #F6F6F3;
    --prx-mark: #F6F6F3;
    --prx-tint: transparent;
    --prx-btn-bg: #F6F6F3;
    --prx-btn-fg: #161617;
    --prx-btn2-bg: #2A2A2B;
    --prx-btn2-bg-hover: #333335;
    --prx-btn2-fg: #F6F6F3;
    --prx-field-bg: #212122;
    --prx-selection: #F6F6F333;
    --prx-ok: #7CCBA4;
    --prx-ok-bg: #14241C;
    --prx-warn: #E2B85E;
    --prx-warn-bg: #2A2110;
    --prx-bad: #F2978C;
    --prx-bad-bg: #2C1614;
    --prx-reserve-gradient: linear-gradient(100deg, #0C2C78 0%, #1A4DFF 62%, #2F66FF 100%);
    --prx-shadow-1: 0 1px 2px rgb(0 0 0 / 0.5);
    --prx-shadow-2: 0 8px 24px -10px rgb(0 0 0 / 0.7), 0 2px 6px -2px rgb(0 0 0 / 0.5);
    --prx-shadow-3: 0 28px 64px -20px rgb(0 0 0 / 0.85), 0 8px 20px -10px rgb(0 0 0 / 0.6);
    color-scheme: dark;
  }
}

[data-theme="dark"], .on-ink {
  --prx-bg: #1B1B1C;
  --prx-bg-subtle: #212122;
  --prx-bg-muted: #2A2A2B;
  --prx-bg-raised: #252526;
  --prx-bg-inverse: #F6F6F3;
  --prx-fg: #F6F6F3;
  --prx-fg-muted: #C6C6C1;
  --prx-fg-subtle: #A0A09B;
  --prx-fg-inverse: #161617;
  --prx-line: #333335;
  --prx-line-strong: #7A7A76;
  --prx-accent: #F6F6F3;
  --prx-accent-strong: #FFFFFF;
  --prx-accent-tint: #2A2A2B;
  --prx-accent-fg: #161617;
  --prx-focus: #F6F6F3;
  --prx-mark: #F6F6F3;
  --prx-tint: transparent;
  --prx-btn-bg: #F6F6F3;
  --prx-btn-fg: #161617;
  --prx-btn2-bg: #2A2A2B;
  --prx-btn2-bg-hover: #333335;
  --prx-btn2-fg: #F6F6F3;
  --prx-field-bg: #212122;
  --prx-selection: #F6F6F333;
  --prx-ok: #7CCBA4;
  --prx-ok-bg: #14241C;
  --prx-warn: #E2B85E;
  --prx-warn-bg: #2A2110;
  --prx-bad: #F2978C;
  --prx-bad-bg: #2C1614;
  --prx-reserve-gradient: linear-gradient(100deg, #0C2C78 0%, #1A4DFF 62%, #2F66FF 100%);
  --prx-shadow-1: 0 1px 2px rgb(0 0 0 / 0.5);
  --prx-shadow-2: 0 8px 24px -10px rgb(0 0 0 / 0.7), 0 2px 6px -2px rgb(0 0 0 / 0.5);
  --prx-shadow-3: 0 28px 64px -20px rgb(0 0 0 / 0.85), 0 8px 20px -10px rgb(0 0 0 / 0.6);
  color-scheme: dark;
}

/* Azul: undecided. Only the demo control in the manual turns it on. */
:root[data-palette="azul"] {
  --prx-bg: #F2F4F8;
  --prx-bg-subtle: #EAEDF3;
  --prx-bg-muted: #E0E5EE;
  --prx-bg-raised: #F9FAFC;
  --prx-bg-inverse: #0D1829;
  --prx-fg: #0D1829;
  --prx-fg-muted: #46536A;
  --prx-fg-subtle: #5B677C;
  --prx-fg-inverse: #F2F4F8;
  --prx-line: #D3D9E4;
  --prx-line-strong: #7E899C;
  --prx-accent: #16305F;
  --prx-accent-strong: #0D1829;
  --prx-accent-tint: #E0E5EE;
  --prx-accent-fg: #F2F4F8;
  --prx-focus: #16305F;
  --prx-mark: #16305F;
  --prx-tint: #16305F;
  --prx-btn-bg: #0D1829;
  --prx-btn-fg: #F2F4F8;
  --prx-btn2-bg: #E0E5EE;
  --prx-btn2-bg-hover: #D3D9E4;
  --prx-btn2-fg: #0D1829;
  --prx-field-bg: #F9FAFC;
  --prx-selection: #16305F2E;
  --prx-ok: #2F6B4F;
  --prx-ok-bg: #EAF3EE;
  --prx-warn: #8F6416;
  --prx-warn-bg: #F8F0E0;
  --prx-bad: #A03A31;
  --prx-bad-bg: #F9EBE9;
  --prx-reserve-gradient: linear-gradient(100deg, #081A3F 0%, #0C2C78 46%, #1A4DFF 100%);
  --prx-shadow-1: 0 1px 2px rgb(10 10 12 / 0.06);
  --prx-shadow-2: 0 8px 24px -10px rgb(10 10 12 / 0.18), 0 2px 6px -2px rgb(10 10 12 / 0.06);
  --prx-shadow-3: 0 28px 64px -20px rgb(10 10 12 / 0.28), 0 8px 20px -10px rgb(10 10 12 / 0.1);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-palette="azul"]:not([data-theme="light"]) {
    --prx-bg: #111E33;
    --prx-bg-subtle: #16233A;
    --prx-bg-muted: #1D2B45;
    --prx-bg-raised: #19273F;
    --prx-bg-inverse: #F2F4F8;
    --prx-fg: #F2F4F8;
    --prx-fg-muted: #BBC5D6;
    --prx-fg-subtle: #98A4B8;
    --prx-fg-inverse: #0D1829;
    --prx-line: #2A3852;
    --prx-line-strong: #7A869B;
    --prx-accent: #BBD0F5;
    --prx-accent-strong: #FFFFFF;
    --prx-accent-tint: #1D2B45;
    --prx-accent-fg: #0D1829;
    --prx-focus: #F2F4F8;
    --prx-mark: #F2F4F8;
    --prx-tint: #16305F;
    --prx-btn-bg: #F2F4F8;
    --prx-btn-fg: #0D1829;
    --prx-btn2-bg: #1D2B45;
    --prx-btn2-bg-hover: #2A3852;
    --prx-btn2-fg: #F2F4F8;
    --prx-field-bg: #16233A;
    --prx-selection: #F2F4F833;
    --prx-ok: #7CCBA4;
    --prx-ok-bg: #14241C;
    --prx-warn: #E2B85E;
    --prx-warn-bg: #2A2110;
    --prx-bad: #F2978C;
    --prx-bad-bg: #2C1614;
    --prx-reserve-gradient: linear-gradient(100deg, #0C2C78 0%, #1A4DFF 62%, #2F66FF 100%);
    --prx-shadow-1: 0 1px 2px rgb(0 0 0 / 0.5);
    --prx-shadow-2: 0 8px 24px -10px rgb(0 0 0 / 0.7), 0 2px 6px -2px rgb(0 0 0 / 0.5);
    --prx-shadow-3: 0 28px 64px -20px rgb(0 0 0 / 0.85), 0 8px 20px -10px rgb(0 0 0 / 0.6);
    color-scheme: dark;
  }
}

:root[data-palette="azul"][data-theme="dark"], :root[data-palette="azul"] .on-ink {
  --prx-bg: #111E33;
  --prx-bg-subtle: #16233A;
  --prx-bg-muted: #1D2B45;
  --prx-bg-raised: #19273F;
  --prx-bg-inverse: #F2F4F8;
  --prx-fg: #F2F4F8;
  --prx-fg-muted: #BBC5D6;
  --prx-fg-subtle: #98A4B8;
  --prx-fg-inverse: #0D1829;
  --prx-line: #2A3852;
  --prx-line-strong: #7A869B;
  --prx-accent: #BBD0F5;
  --prx-accent-strong: #FFFFFF;
  --prx-accent-tint: #1D2B45;
  --prx-accent-fg: #0D1829;
  --prx-focus: #F2F4F8;
  --prx-mark: #F2F4F8;
  --prx-tint: #16305F;
  --prx-btn-bg: #F2F4F8;
  --prx-btn-fg: #0D1829;
  --prx-btn2-bg: #1D2B45;
  --prx-btn2-bg-hover: #2A3852;
  --prx-btn2-fg: #F2F4F8;
  --prx-field-bg: #16233A;
  --prx-selection: #F2F4F833;
  --prx-ok: #7CCBA4;
  --prx-ok-bg: #14241C;
  --prx-warn: #E2B85E;
  --prx-warn-bg: #2A2110;
  --prx-bad: #F2978C;
  --prx-bad-bg: #2C1614;
  --prx-reserve-gradient: linear-gradient(100deg, #0C2C78 0%, #1A4DFF 62%, #2F66FF 100%);
  --prx-shadow-1: 0 1px 2px rgb(0 0 0 / 0.5);
  --prx-shadow-2: 0 8px 24px -10px rgb(0 0 0 / 0.7), 0 2px 6px -2px rgb(0 0 0 / 0.5);
  --prx-shadow-3: 0 28px 64px -20px rgb(0 0 0 / 0.85), 0 8px 20px -10px rgb(0 0 0 / 0.6);
  color-scheme: dark;
}