/* Nemmr brand v0.2.0 - generated by nemmr-brand/scripts/build.mjs. Do not edit; change tokens/ and rebuild. */

@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree-Variable-latin-ext.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree-Variable-latin.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  color-scheme: light;
  --nm-blue: #3366FF;
  --nm-violet: #8B5CF6;
  --nm-ember: #FF7A3D;
  --nm-ink: #0B0F1A;
  --nm-paper: #F7F7F3;
  --nm-blue-300: #8FA8FF;
  --nm-blue-500: #3366FF;
  --nm-blue-600: #2A55E0;
  --nm-blue-700: #2246C4;
  --nm-violet-300: #B9A3FF;
  --nm-violet-500: #8B5CF6;
  --nm-violet-600: #6D45E8;
  --nm-ember-300: #FFA27A;
  --nm-ember-500: #FF7A3D;
  --nm-ember-700: #C2410C;
  --nm-neutral-0: #FFFFFF;
  --nm-neutral-50: #F5F6F9;
  --nm-neutral-100: #ECEEF3;
  --nm-neutral-200: #DCE0E8;
  --nm-neutral-300: #C2C8D4;
  --nm-neutral-400: #9AA3B5;
  --nm-neutral-500: #646E86;
  --nm-neutral-600: #535C73;
  --nm-neutral-700: #3C4459;
  --nm-neutral-800: #262D3F;
  --nm-neutral-900: #161C2B;
  --nm-neutral-950: #0B0F1A;
  --nm-success-300: #6EE7A0;
  --nm-success-500: #22C55E;
  --nm-success-700: #15803D;
  --nm-warning-300: #FCD34D;
  --nm-warning-500: #F59E0B;
  --nm-warning-700: #B45309;
  --nm-danger-300: #FCA5A5;
  --nm-danger-500: #EF4444;
  --nm-danger-700: #C42020;
  --nm-product-docs-from: #3366FF;
  --nm-product-docs-to: #1D3FCC;
  --nm-product-start-from: #0E9356;
  --nm-product-start-to: #06633A;
  --nm-product-shots-from: #DB2F98;
  --nm-product-shots-to: #9E1366;
  --nm-product-view-from: #0C8F7C;
  --nm-product-view-to: #08604F;
  --nm-product-control-from: #0A86C7;
  --nm-product-control-to: #06578A;
  --nm-product-deploy-from: #D97706;
  --nm-product-deploy-to: #9A3412;
  --nm-product-speak-from: #E5382A;
  --nm-product-speak-to: #A11F16;
  --nm-product-deck-from: #8B5CF6;
  --nm-product-deck-to: #5B2BD9;
  --nm-product-rdp-from: #64748B;
  --nm-product-rdp-to: #334155;
  --nm-product-docs: linear-gradient(135deg, #3366FF 0%, #1D3FCC 100%);
  --nm-product-start: linear-gradient(135deg, #0E9356 0%, #06633A 100%);
  --nm-product-shots: linear-gradient(135deg, #DB2F98 0%, #9E1366 100%);
  --nm-product-view: linear-gradient(135deg, #0C8F7C 0%, #08604F 100%);
  --nm-product-control: linear-gradient(135deg, #0A86C7 0%, #06578A 100%);
  --nm-product-deploy: linear-gradient(135deg, #D97706 0%, #9A3412 100%);
  --nm-product-speak: linear-gradient(135deg, #E5382A 0%, #A11F16 100%);
  --nm-product-deck: linear-gradient(135deg, #8B5CF6 0%, #5B2BD9 100%);
  --nm-product-rdp: linear-gradient(135deg, #64748B 0%, #334155 100%);
  --nm-gradient-brand: linear-gradient(135deg, #3366FF 0%, #8B5CF6 100%);
  --nm-font-display: "Figtree", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;
  --nm-font-text: "Figtree", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;
  --nm-font-native: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "SF Pro Text", sans-serif;
  --nm-font-mono: "Cascadia Code", "Cascadia Mono", "JetBrains Mono", ui-monospace, Consolas, Menlo, monospace;
  --nm-weight-regular: 400;
  --nm-weight-medium: 500;
  --nm-weight-semibold: 600;
  --nm-weight-bold: 700;
  --nm-weight-black: 800;
  --nm-text-xs: 12px;
  --nm-text-sm: 14px;
  --nm-text-base: 16px;
  --nm-text-lg: 18px;
  --nm-text-xl: 20px;
  --nm-text-2xl: 24px;
  --nm-text-3xl: 30px;
  --nm-text-4xl: 38px;
  --nm-text-5xl: 48px;
  --nm-text-6xl: 64px;
  --nm-text-7xl: 84px;
  --nm-leading-tight: 1.08;
  --nm-leading-snug: 1.25;
  --nm-leading-normal: 1.6;
  --nm-tracking-display: -0.035em;
  --nm-tracking-heading: -0.02em;
  --nm-tracking-normal: 0em;
  --nm-tracking-caps: 0.12em;
  --nm-radius-xs: 6px;
  --nm-radius-sm: 10px;
  --nm-radius-md: 14px;
  --nm-radius-lg: 22px;
  --nm-radius-xl: 28px;
  --nm-radius-pill: 999px;
  --nm-radius-icon: 25%;
  --nm-space-1: 4px;
  --nm-space-2: 8px;
  --nm-space-3: 12px;
  --nm-space-4: 16px;
  --nm-space-5: 20px;
  --nm-space-6: 24px;
  --nm-space-8: 32px;
  --nm-space-10: 40px;
  --nm-space-12: 48px;
  --nm-space-16: 64px;
  --nm-space-20: 80px;
  --nm-space-24: 96px;
  --nm-shadow-sm: 0 1px 2px rgba(11, 15, 26, 0.06), 0 1px 1px rgba(11, 15, 26, 0.04);
  --nm-shadow-md: 0 10px 30px -12px rgba(11, 15, 26, 0.22);
  --nm-shadow-lg: 0 30px 80px -20px rgba(11, 15, 26, 0.38);
  --nm-duration-fast: 120ms;
  --nm-duration-base: 200ms;
  --nm-duration-slow: 320ms;
  --nm-duration-settle: 900ms;
  --nm-ease-settle: cubic-bezier(0.22, 1, 0.36, 1);
  --nm-ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* semantic - light (default) */
  --nm-bg: #F7F7F3;
  --nm-surface: #FFFFFF;
  --nm-surface-2: #F1F2F5;
  --nm-border: #E2E5EB;
  --nm-border-strong: #C2C8D4;
  --nm-text: #161C2B;
  --nm-text-muted: #535C73;
  --nm-text-faint: #646E86;
  --nm-primary: #2A55E0;
  --nm-primary-hover: #2246C4;
  --nm-on-primary: #FFFFFF;
  --nm-link: #2A55E0;
  --nm-accent: #FF7A3D;
  --nm-accent-text: #C2410C;
  --nm-focus: #3366FF;
  --nm-success: #15803D;
  --nm-warning: #B45309;
  --nm-danger: #C42020;
  --nm-success-bg: #EDF8F1;
  --nm-warning-bg: #FDF3E2;
  --nm-danger-bg: #FDECEC;
}

/* Any element can opt in: <html data-theme="dark">, <section data-theme="light">, ... */
[data-theme="light"] {
  color-scheme: light;
  --nm-bg: #F7F7F3;
  --nm-surface: #FFFFFF;
  --nm-surface-2: #F1F2F5;
  --nm-border: #E2E5EB;
  --nm-border-strong: #C2C8D4;
  --nm-text: #161C2B;
  --nm-text-muted: #535C73;
  --nm-text-faint: #646E86;
  --nm-primary: #2A55E0;
  --nm-primary-hover: #2246C4;
  --nm-on-primary: #FFFFFF;
  --nm-link: #2A55E0;
  --nm-accent: #FF7A3D;
  --nm-accent-text: #C2410C;
  --nm-focus: #3366FF;
  --nm-success: #15803D;
  --nm-warning: #B45309;
  --nm-danger: #C42020;
  --nm-success-bg: #EDF8F1;
  --nm-warning-bg: #FDF3E2;
  --nm-danger-bg: #FDECEC;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --nm-bg: #0B0F1A;
    --nm-surface: #121827;
    --nm-surface-2: #182033;
    --nm-border: #232B3F;
    --nm-border-strong: #333D55;
    --nm-text: #E8EBF4;
    --nm-text-muted: #A3ACC2;
    --nm-text-faint: #7D879E;
    --nm-primary: #3366FF;
    --nm-primary-hover: #2A55E0;
    --nm-on-primary: #FFFFFF;
    --nm-link: #8FA8FF;
    --nm-accent: #FF7A3D;
    --nm-accent-text: #FFA27A;
    --nm-focus: #8FA8FF;
    --nm-success: #6EE7A0;
    --nm-warning: #FCD34D;
    --nm-danger: #FCA5A5;
    --nm-success-bg: #12261C;
    --nm-warning-bg: #2A2112;
    --nm-danger-bg: #2C1517;
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --nm-bg: #0B0F1A;
  --nm-surface: #121827;
  --nm-surface-2: #182033;
  --nm-border: #232B3F;
  --nm-border-strong: #333D55;
  --nm-text: #E8EBF4;
  --nm-text-muted: #A3ACC2;
  --nm-text-faint: #7D879E;
  --nm-primary: #3366FF;
  --nm-primary-hover: #2A55E0;
  --nm-on-primary: #FFFFFF;
  --nm-link: #8FA8FF;
  --nm-accent: #FF7A3D;
  --nm-accent-text: #FFA27A;
  --nm-focus: #8FA8FF;
  --nm-success: #6EE7A0;
  --nm-warning: #FCD34D;
  --nm-danger: #FCA5A5;
  --nm-success-bg: #12261C;
  --nm-warning-bg: #2A2112;
  --nm-danger-bg: #2C1517;
}

/* A themed element paints itself, so a dark section inside a light page really is dark. */
[data-theme] {
  background-color: var(--nm-bg);
  color: var(--nm-text);
}