/* Generated by design/tooling/family.py from the brands' generated web tokens. Do not edit. */
/* Scribe, the family: every colour is the midpoint of the brands' (design/tooling/family.py says how). */

:root {
  --scribe-bg: #F2F0EA;
  --scribe-surface: #EAE8E1;
  --scribe-surface-raised: #FAF9F5;
  --scribe-text: #1B1C1C;
  --scribe-text-muted: #545555;
  --scribe-border: #E3E0DA;
  --scribe-border-strong: #7E7F7F;
  --scribe-primary: #1B1C1C;
  --scribe-on-primary: #FAF9F5;
  --scribe-secondary: #EAE8E1;
  --scribe-on-secondary: #1B1C1C;
  --scribe-brand: #1B1C1C;
  --scribe-accent: #1B1C1C;
  --scribe-brand-text: #1B1C1C;
  --scribe-brand-tint: #FAF9F5;
  --scribe-success: #2E6B3F;
  --scribe-warning: #825A09;
  --scribe-error: #B3261E;
  --scribe-focus: #1B1C1C;
  --scribe-scrim: rgb(0 0 0 / 0.4);
  --scribe-ink: #161718;
  --scribe-line: #656667;
  --scribe-uncertain: #4D5A53;
  --scribe-font-text: system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, sans-serif;
  --scribe-font-display: system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, sans-serif;
  --scribe-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;
  --scribe-type-display-size: 2.5rem;
  --scribe-type-display-line: 1.1;
  --scribe-type-display-weight: 400;
  --scribe-type-title-1-size: 1.75rem;
  --scribe-type-title-1-line: 1.2143;
  --scribe-type-title-1-weight: 600;
  --scribe-type-title-2-size: 1.375rem;
  --scribe-type-title-2-line: 1.2727;
  --scribe-type-title-2-weight: 600;
  --scribe-type-headline-size: 1.0625rem;
  --scribe-type-headline-line: 1.2941;
  --scribe-type-headline-weight: 600;
  --scribe-type-body-size: 1.0625rem;
  --scribe-type-body-line: 1.4118;
  --scribe-type-body-weight: 400;
  --scribe-type-callout-size: 0.9375rem;
  --scribe-type-callout-line: 1.3333;
  --scribe-type-callout-weight: 400;
  --scribe-type-label-size: 1.0625rem;
  --scribe-type-label-line: 1.2941;
  --scribe-type-label-weight: 600;
  --scribe-type-caption-size: 0.8125rem;
  --scribe-type-caption-line: 1.3846;
  --scribe-type-caption-weight: 400;
  --scribe-type-numeric-size: 1.0625rem;
  --scribe-type-numeric-line: 1.2941;
  --scribe-type-numeric-weight: 500;
  --scribe-space-0: 0rem;
  --scribe-space-1: 0.25rem;
  --scribe-space-2: 0.5rem;
  --scribe-space-3: 0.75rem;
  --scribe-space-4: 1rem;
  --scribe-space-5: 1.25rem;
  --scribe-space-6: 1.5rem;
  --scribe-space-8: 2rem;
  --scribe-space-10: 2.5rem;
  --scribe-space-12: 3rem;
  --scribe-space-16: 4rem;
  --scribe-radius-xs: 4px;
  --scribe-radius-sm: 8px;
  --scribe-radius-md: 12px;
  --scribe-radius-lg: 16px;
  --scribe-radius-xl: 24px;
  --scribe-radius-full: 9999px;
  --scribe-elevation-0: none;
  --scribe-elevation-1: 0px 1px 2px 0px rgb(27 26 23 / 0.06);
  --scribe-elevation-2: 0px 4px 16px 0px rgb(27 26 23 / 0.1);
  --scribe-elevation-3: 0px 12px 32px 0px rgb(27 26 23 / 0.16);
  --scribe-duration-instant: 0ms;
  --scribe-duration-fast: 120ms;
  --scribe-duration-base: 200ms;
  --scribe-duration-slow: 320ms;
  --scribe-duration-reduced: 150ms;
  --scribe-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --scribe-ease-enter: cubic-bezier(0, 0, 0, 1);
  --scribe-ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --scribe-touch-min: 2.75rem;
  --scribe-control-min: 2.5rem;
  --scribe-target-gap: 0.5rem;
  --scribe-content-max: 45rem;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --scribe-bg: #1B1C1C;
    --scribe-surface: #313232;
    --scribe-surface-raised: #141415;
    --scribe-text: #ECEAE5;
    --scribe-text-muted: #AEAFAE;
    --scribe-border: #323334;
    --scribe-border-strong: #828484;
    --scribe-primary: #ECEAE5;
    --scribe-on-primary: #141415;
    --scribe-secondary: #313232;
    --scribe-on-secondary: #ECEAE5;
    --scribe-brand: #ECEAE5;
    --scribe-accent: #ECEAE5;
    --scribe-brand-text: #ECEAE5;
    --scribe-brand-tint: #141415;
    --scribe-success: #8BD39B;
    --scribe-warning: #E0B65C;
    --scribe-error: #F8A19A;
    --scribe-focus: #ECEAE5;
    --scribe-scrim: rgb(0 0 0 / 0.4);
    --scribe-ink: #EFEDE8;
    --scribe-line: #939494;
    --scribe-uncertain: #A4B39A;
    --scribe-elevation-1: none;
    --scribe-elevation-2: 0 4px 16px rgb(0 0 0 / 0.5);
    --scribe-elevation-3: 0 12px 32px rgb(0 0 0 / 0.6);
  }
}
:root[data-theme="dark"] {
  --scribe-bg: #1B1C1C;
  --scribe-surface: #313232;
  --scribe-surface-raised: #141415;
  --scribe-text: #ECEAE5;
  --scribe-text-muted: #AEAFAE;
  --scribe-border: #323334;
  --scribe-border-strong: #828484;
  --scribe-primary: #ECEAE5;
  --scribe-on-primary: #141415;
  --scribe-secondary: #313232;
  --scribe-on-secondary: #ECEAE5;
  --scribe-brand: #ECEAE5;
  --scribe-accent: #ECEAE5;
  --scribe-brand-text: #ECEAE5;
  --scribe-brand-tint: #141415;
  --scribe-success: #8BD39B;
  --scribe-warning: #E0B65C;
  --scribe-error: #F8A19A;
  --scribe-focus: #ECEAE5;
  --scribe-scrim: rgb(0 0 0 / 0.4);
  --scribe-ink: #EFEDE8;
  --scribe-line: #939494;
  --scribe-uncertain: #A4B39A;
  --scribe-elevation-1: none;
  --scribe-elevation-2: 0 4px 16px rgb(0 0 0 / 0.5);
  --scribe-elevation-3: 0 12px 32px rgb(0 0 0 / 0.6);
}

@media (prefers-contrast: more) and (forced-colors: none) {
  :root:not([data-theme="dark"]) {
    --scribe-bg: #FFFFFF;
    --scribe-surface: #F6F6F6;
    --scribe-surface-raised: #FFFFFF;
    --scribe-text: #000000;
    --scribe-text-muted: #101010;
    --scribe-border: #000000;
    --scribe-border-strong: #000000;
    --scribe-primary: #000000;
    --scribe-on-primary: #FFFFFF;
    --scribe-secondary: #F6F6F6;
    --scribe-on-secondary: #000000;
    --scribe-brand: #000000;
    --scribe-accent: #000000;
    --scribe-brand-text: #000000;
    --scribe-brand-tint: #FFFFFF;
    --scribe-success: #0A5624;
    --scribe-warning: #624200;
    --scribe-error: #960D0A;
    --scribe-focus: #000000;
    --scribe-scrim: rgb(0 0 0 / 0.4);
    --scribe-ink: #000000;
    --scribe-line: #000000;
    --scribe-uncertain: #374461;
    --scribe-elevation-1: none;
    --scribe-elevation-2: none;
    --scribe-elevation-3: none;
  }
}
@media (prefers-contrast: more) and (forced-colors: none) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --scribe-bg: #000000;
    --scribe-surface: #0D0D0D;
    --scribe-surface-raised: #000000;
    --scribe-text: #FFFFFF;
    --scribe-text-muted: #F2F2F2;
    --scribe-border: #FFFFFF;
    --scribe-border-strong: #FFFFFF;
    --scribe-primary: #FFFFFF;
    --scribe-on-primary: #000000;
    --scribe-secondary: #0D0D0D;
    --scribe-on-secondary: #FFFFFF;
    --scribe-brand: #FFFFFF;
    --scribe-accent: #FFFFFF;
    --scribe-brand-text: #FFFFFF;
    --scribe-brand-tint: #000000;
    --scribe-success: #8EF497;
    --scribe-warning: #FFE83D;
    --scribe-error: #FF9490;
    --scribe-focus: #FFFFFF;
    --scribe-scrim: rgb(0 0 0 / 0.4);
    --scribe-ink: #FFFFFF;
    --scribe-line: #FFFFFF;
    --scribe-uncertain: #80E2B5;
    --scribe-elevation-1: none;
    --scribe-elevation-2: none;
    --scribe-elevation-3: none;
  }
}
@media (prefers-contrast: more) and (forced-colors: none) {
  :root[data-theme="dark"] {
    --scribe-bg: #000000;
    --scribe-surface: #0D0D0D;
    --scribe-surface-raised: #000000;
    --scribe-text: #FFFFFF;
    --scribe-text-muted: #F2F2F2;
    --scribe-border: #FFFFFF;
    --scribe-border-strong: #FFFFFF;
    --scribe-primary: #FFFFFF;
    --scribe-on-primary: #000000;
    --scribe-secondary: #0D0D0D;
    --scribe-on-secondary: #FFFFFF;
    --scribe-brand: #FFFFFF;
    --scribe-accent: #FFFFFF;
    --scribe-brand-text: #FFFFFF;
    --scribe-brand-tint: #000000;
    --scribe-success: #8EF497;
    --scribe-warning: #FFE83D;
    --scribe-error: #FF9490;
    --scribe-focus: #FFFFFF;
    --scribe-scrim: rgb(0 0 0 / 0.4);
    --scribe-ink: #FFFFFF;
    --scribe-line: #FFFFFF;
    --scribe-uncertain: #80E2B5;
    --scribe-elevation-1: none;
    --scribe-elevation-2: none;
    --scribe-elevation-3: none;
  }
}
:root[data-theme="high-contrast"] {
  --scribe-bg: #000000;
  --scribe-surface: #0D0D0D;
  --scribe-surface-raised: #000000;
  --scribe-text: #FFFFFF;
  --scribe-text-muted: #F2F2F2;
  --scribe-border: #FFFFFF;
  --scribe-border-strong: #FFFFFF;
  --scribe-primary: #FFFFFF;
  --scribe-on-primary: #000000;
  --scribe-secondary: #0D0D0D;
  --scribe-on-secondary: #FFFFFF;
  --scribe-brand: #FFFFFF;
  --scribe-accent: #FFFFFF;
  --scribe-brand-text: #FFFFFF;
  --scribe-brand-tint: #000000;
  --scribe-success: #8EF497;
  --scribe-warning: #FFE83D;
  --scribe-error: #FF9490;
  --scribe-focus: #FFFFFF;
  --scribe-scrim: rgb(0 0 0 / 0.4);
  --scribe-ink: #FFFFFF;
  --scribe-line: #FFFFFF;
  --scribe-uncertain: #80E2B5;
  --scribe-elevation-1: none;
  --scribe-elevation-2: none;
  --scribe-elevation-3: none;
}
:root[data-theme="high-contrast-light"] {
  --scribe-bg: #FFFFFF;
  --scribe-surface: #F6F6F6;
  --scribe-surface-raised: #FFFFFF;
  --scribe-text: #000000;
  --scribe-text-muted: #101010;
  --scribe-border: #000000;
  --scribe-border-strong: #000000;
  --scribe-primary: #000000;
  --scribe-on-primary: #FFFFFF;
  --scribe-secondary: #F6F6F6;
  --scribe-on-secondary: #000000;
  --scribe-brand: #000000;
  --scribe-accent: #000000;
  --scribe-brand-text: #000000;
  --scribe-brand-tint: #FFFFFF;
  --scribe-success: #0A5624;
  --scribe-warning: #624200;
  --scribe-error: #960D0A;
  --scribe-focus: #000000;
  --scribe-scrim: rgb(0 0 0 / 0.4);
  --scribe-ink: #000000;
  --scribe-line: #000000;
  --scribe-uncertain: #374461;
  --scribe-elevation-1: none;
  --scribe-elevation-2: none;
  --scribe-elevation-3: none;
}

@media (forced-colors: active) {
  :root {
    --scribe-bg: Canvas;
    --scribe-surface: Canvas;
    --scribe-surface-raised: Canvas;
    --scribe-text: CanvasText;
    --scribe-text-muted: CanvasText;
    --scribe-border: CanvasText;
    --scribe-border-strong: CanvasText;
    --scribe-primary: Highlight;
    --scribe-on-primary: HighlightText;
    --scribe-secondary: ButtonFace;
    --scribe-on-secondary: ButtonText;
    --scribe-brand: CanvasText;
    --scribe-accent: LinkText;
    --scribe-brand-text: CanvasText;
    --scribe-brand-tint: Canvas;
    --scribe-success: CanvasText;
    --scribe-warning: CanvasText;
    --scribe-error: CanvasText;
    --scribe-focus: Highlight;
    --scribe-scrim: Canvas;
    --scribe-ink: CanvasText;
    --scribe-line: CanvasText;
    --scribe-uncertain: LinkText;
    --scribe-elevation-1: none;
    --scribe-elevation-2: none;
    --scribe-elevation-3: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --scribe-duration-fast: 0ms;
    --scribe-duration-base: var(--scribe-duration-reduced);
    --scribe-duration-slow: var(--scribe-duration-reduced);
  }
}