@font-face {
  font-family: "Bluedoor Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/InterVariable.woff2") format("woff2");
}

/*
 * Bluedoor production theme tokens.
 * This is the only file that owns visual values for the default theme.
 * DEC-158 Warm Invitation: Georgia titles, Inter reading, warm paper and deep blue.
 */
:root,
[data-theme="bluedoor"] {
  color-scheme: light;
  --theme-motion-disclosure-ms: 160;
  --theme-motion-saved-ms: 220;
  --theme-motion-on-ms: 340;

  --theme-color-canvas: #f1f2f4;
  --theme-color-surface: #fffefa;
  --theme-color-surface-soft: #f1f2f4;
  --theme-color-surface-control: #edf0f2;
  --theme-color-surface-translucent: rgba(255, 255, 255, 0.96);
  --theme-color-chrome-translucent: rgba(243, 243, 246, 0.88);
  --theme-color-ink: #23303b;
  --theme-color-ink-soft: #384956;
  --theme-color-muted: #546370;
  --theme-color-line: #cbd4da;
  --theme-color-line-strong: #778792;
  --theme-color-on-brand: #ffffff;
  --theme-color-brand: #174d77;
  --theme-color-brand-deep: #174d77;
  --theme-color-brand-soft: #eef5ff;
  --theme-color-access-panel: #174d77;
  --theme-color-on-access-panel: #fffefa;
  --theme-color-focus: #174d77;
  --theme-color-confirm: #256449;
  --theme-color-confirm-soft: #edf4f1;
  --theme-color-important: #8a5200;
  --theme-color-important-soft: #fff6df;
  --theme-color-door-easy-surface: #eef5ff;
  --theme-color-door-easy-line: #8cbcff;
  --theme-color-door-local-surface: #edf4f1;
  --theme-color-door-local-line: #86b5a7;
  --theme-color-door-wildcard-surface: #fff6df;
  --theme-color-door-wildcard-line: #d5aa5e;
  --theme-color-door-handle: #263b54;
  --theme-color-error: #a42a2d;
  --theme-color-error-soft: #fff1f0;
  --theme-color-grid: rgba(24, 26, 29, 0.018);
  --theme-color-overlay: rgba(24, 26, 29, 0.72);
  --theme-color-invitation-canvas: #f1f2f4;
  --theme-color-invitation-paper: #fffefa;
  --theme-color-invitation-paper-soft: #fdfdfe;
  --theme-color-invitation-waiting: #fafafa;
  --theme-color-invitation-symbol: #546370;
  --theme-color-invitation-seal: #174d77;
  --theme-color-invitation-seal-ink: #fffefa;
  --theme-color-invitation-seal-soft: #eaf3ff;
  --theme-color-invitation-history-seal: #767b84;
  --theme-color-invitation-paper-line: #cbd4da;
  --theme-color-invitation-header: #f0f4f7;
  --theme-color-invitation-treatment-garden-header: #f1f7f3;
  --theme-color-invitation-treatment-garden-detail: #557a62;
  --theme-color-invitation-treatment-evening-header: #f1f3fa;
  --theme-color-invitation-treatment-evening-detail: #4f5b8a;
  --theme-color-invitation-state-surface: #f1f6fd;
  --theme-color-invitation-underleaf: #d9eaff;
  --theme-color-signature-arch: #546370;
  --theme-color-signature-arch-soft: #f3f3f5;
  --theme-color-signature-wave: #546370;
  --theme-color-signature-wave-soft: #f3f3f5;
  --theme-color-signature-spark: #546370;
  --theme-color-signature-spark-soft: #f3f3f5;
  --theme-color-signature-path: #546370;
  --theme-color-signature-path-soft: #f3f3f5;

  --theme-font-sans: "Bluedoor Inter", Inter, -apple-system, system-ui, "Segoe UI", sans-serif;
  --theme-font-display: var(--theme-font-sans);
  --theme-font-invitation: Georgia, "Times New Roman", serif;
  --theme-font-size-supporting: 0.9375rem;
  --theme-font-size-small: var(--theme-font-size-supporting);
  --theme-font-size-receipt-title: 1.3125rem;
  --theme-font-size-page-title: clamp(1.5625rem, 3vw, 1.75rem);
  --theme-font-size-task-title: 1.375rem;
  --theme-font-size-partner-welcome: clamp(2.25rem, 4.5vw, 3.5rem);
  --theme-control-primary-size: 48px;
  --theme-font-size-body: 1.0625rem;
  --theme-line-height-body: 1.55;
  --theme-line-height-heading: 1.3;
  --theme-line-height-invitation-title: 1.25;
  --theme-line-height-supporting: 1.5;
  --theme-font-weight-regular: 400;
  --theme-font-weight-strong: 500;

  --theme-radius-surface: 10px;
  --theme-radius-control: 6px;
  --theme-control-min-size: 44px;
  --theme-shadow-surface: 0 1px 2px rgba(0, 0, 0, 0.03), 0 8px 24px rgba(0, 0, 0, 0.055);
  --theme-shadow-raised: 0 12px 34px rgba(0, 0, 0, 0.08);
  --theme-shadow-frame: 0 24px 70px rgba(0, 0, 0, 0.1);
  --theme-shadow-invitation-paper: 0 1px 2px rgba(20, 38, 63, 0.04), 0 14px 34px rgba(20, 38, 63, 0.075);

  --theme-space-1: 0.25rem;
  --theme-space-2: 0.5rem;
  --theme-space-3: 0.75rem;
  --theme-space-4: 1rem;
  --theme-space-5: 1.5rem;
  --theme-space-6: 2rem;
  --theme-space-7: 3rem;
  --theme-page-width: 68rem;
  --theme-invitation-page-width: 80rem;
  --theme-invitation-card-width: 40rem;
  --theme-invitation-paper-radius: 5px;
  --theme-invitation-paper-inset: 1.5rem;
  --theme-invitation-paper-inset-compact: 1.25rem;
  --theme-invitation-seal-size: 2.5rem;
  --theme-invitation-person-size: 3.125rem;
  --theme-font-size-invitation-title: clamp(1.8125rem, 3vw, 2.125rem);
  --theme-font-size-invitation-title-compact: clamp(1.5rem, 2vw, 1.625rem);
  --theme-font-size-invitation-body: var(--theme-font-size-body);
  --theme-font-size-invitation-meta: var(--theme-font-size-supporting);
  --theme-font-size-invitation-category: var(--theme-font-size-supporting);
  --theme-font-size-on-confirmation: var(--theme-font-size-body);
  --theme-size-on-confirmation-mark: 1.75rem;
  --theme-motion-confirmation-duration: 700ms;
  --theme-motion-confirmation-ease: cubic-bezier(0.22, 0.72, 0.2, 1);
  --theme-entry-page-width: 78rem;
  --theme-font-size-entry-title: clamp(2.65rem, 4.8vw, 4.25rem);
  --theme-line-height-entry-title: 1.08;
  --theme-color-entry-art-wash: #eef3f6;
  --theme-color-entry-art-blue: var(--theme-color-art-blue);
  --theme-color-entry-art-yellow: var(--theme-color-art-yellow);
  --theme-color-entry-art-sage: var(--theme-color-art-sage);
}

[data-theme="bluedoor"][data-appearance="dark"] {
  color-scheme: dark;

  --theme-color-canvas: #171c21;
  --theme-color-entry-art-wash: #202d38;
  --theme-color-entry-art-blue: #486c87;
  --theme-color-entry-art-yellow: #806732;
  --theme-color-entry-art-sage: #526b50;
  --theme-color-surface: #252b31;
  --theme-color-surface-soft: #20262c;
  --theme-color-surface-control: #303941;
  --theme-color-surface-translucent: rgba(27, 30, 37, 0.96);
  --theme-color-chrome-translucent: rgba(16, 18, 23, 0.9);
  --theme-color-ink: #f3f0e8;
  --theme-color-ink-soft: #dde4e9;
  --theme-color-muted: #bbc6d0;
  --theme-color-line: #53616c;
  --theme-color-line-strong: #8798a8;
  --theme-color-on-brand: #142b3d;
  --theme-color-brand: #aed7ff;
  --theme-color-brand-deep: #aed7ff;
  --theme-color-brand-soft: #172b43;
  --theme-color-focus: #aed7ff;
  --theme-color-confirm: #a6dbbd;
  --theme-color-confirm-soft: #17352f;
  --theme-color-important: #f0bd67;
  --theme-color-important-soft: #3b2d17;
  --theme-color-door-easy-surface: #172b43;
  --theme-color-door-easy-line: #4d85c6;
  --theme-color-door-local-surface: #17352f;
  --theme-color-door-local-line: #4f8f7e;
  --theme-color-door-wildcard-surface: #3b2d17;
  --theme-color-door-wildcard-line: #9b7438;
  --theme-color-door-handle: #d8e5f4;
  --theme-color-error: #ffb3b5;
  --theme-color-error-soft: #3d2023;
  --theme-color-grid: rgba(245, 246, 248, 0.025);
  --theme-color-overlay: rgba(0, 0, 0, 0.78);
  --theme-color-invitation-canvas: #171c21;
  --theme-color-invitation-paper: #252b31;
  --theme-color-invitation-paper-soft: #20242c;
  --theme-color-invitation-waiting: #171a20;
  --theme-color-invitation-symbol: #aeb3bd;
  --theme-color-invitation-seal: #aed7ff;
  --theme-color-invitation-seal-ink: #171c21;
  --theme-color-invitation-seal-soft: #1b3552;
  --theme-color-invitation-history-seal: #aeb3bd;
  --theme-color-invitation-paper-line: #53616c;
  --theme-color-invitation-header: #202c37;
  --theme-color-invitation-treatment-garden-header: #192820;
  --theme-color-invitation-treatment-garden-detail: #8eb79c;
  --theme-color-invitation-treatment-evening-header: #202438;
  --theme-color-invitation-treatment-evening-detail: #a8b2e3;
  --theme-color-invitation-state-surface: #172b43;
  --theme-color-invitation-underleaf: #254663;
  --theme-color-signature-arch: #aeb3bd;
  --theme-color-signature-arch-soft: #262a33;
  --theme-color-signature-wave: #aeb3bd;
  --theme-color-signature-wave-soft: #262a33;
  --theme-color-signature-spark: #aeb3bd;
  --theme-color-signature-spark-soft: #262a33;
  --theme-color-signature-path: #aeb3bd;
  --theme-color-signature-path-soft: #262a33;
  --theme-shadow-surface: 0 1px 2px rgba(0, 0, 0, 0.28), 0 8px 24px rgba(0, 0, 0, 0.22);
  --theme-shadow-raised: 0 12px 34px rgba(0, 0, 0, 0.32);
  --theme-shadow-frame: 0 24px 70px rgba(0, 0, 0, 0.38);
  --theme-shadow-invitation-paper: 0 1px 2px rgba(0, 0, 0, 0.32), 0 14px 34px rgba(0, 0, 0, 0.28);
}

@media (prefers-color-scheme: dark) {
  [data-theme="bluedoor"][data-appearance="system"] {
    color-scheme: dark;

    --theme-color-canvas: #171c21;
    --theme-color-entry-art-wash: #202d38;
    --theme-color-entry-art-blue: #486c87;
    --theme-color-entry-art-yellow: #806732;
    --theme-color-entry-art-sage: #526b50;
    --theme-color-surface: #252b31;
    --theme-color-surface-soft: #20262c;
    --theme-color-surface-control: #303941;
    --theme-color-surface-translucent: rgba(27, 30, 37, 0.96);
    --theme-color-chrome-translucent: rgba(16, 18, 23, 0.9);
    --theme-color-ink: #f3f0e8;
    --theme-color-ink-soft: #dde4e9;
    --theme-color-muted: #bbc6d0;
    --theme-color-line: #53616c;
    --theme-color-line-strong: #8798a8;
    --theme-color-on-brand: #142b3d;
    --theme-color-brand: #aed7ff;
    --theme-color-brand-deep: #aed7ff;
    --theme-color-brand-soft: #172b43;
    --theme-color-focus: #aed7ff;
    --theme-color-confirm: #a6dbbd;
    --theme-color-confirm-soft: #17352f;
    --theme-color-important: #f0bd67;
    --theme-color-important-soft: #3b2d17;
    --theme-color-door-easy-surface: #172b43;
    --theme-color-door-easy-line: #4d85c6;
    --theme-color-door-local-surface: #17352f;
    --theme-color-door-local-line: #4f8f7e;
    --theme-color-door-wildcard-surface: #3b2d17;
    --theme-color-door-wildcard-line: #9b7438;
    --theme-color-door-handle: #d8e5f4;
    --theme-color-error: #ffb3b5;
    --theme-color-error-soft: #3d2023;
    --theme-color-grid: rgba(245, 246, 248, 0.025);
    --theme-color-overlay: rgba(0, 0, 0, 0.78);
    --theme-color-invitation-canvas: #171c21;
    --theme-color-invitation-paper: #252b31;
    --theme-color-invitation-paper-soft: #20242c;
    --theme-color-invitation-waiting: #171a20;
    --theme-color-invitation-symbol: #aeb3bd;
    --theme-color-invitation-seal: #aed7ff;
    --theme-color-invitation-seal-ink: #171c21;
    --theme-color-invitation-seal-soft: #1b3552;
    --theme-color-invitation-history-seal: #aeb3bd;
    --theme-color-invitation-paper-line: #53616c;
    --theme-color-invitation-header: #202c37;
    --theme-color-invitation-treatment-garden-header: #192820;
    --theme-color-invitation-treatment-garden-detail: #8eb79c;
    --theme-color-invitation-treatment-evening-header: #202438;
    --theme-color-invitation-treatment-evening-detail: #a8b2e3;
    --theme-color-invitation-state-surface: #172b43;
    --theme-color-invitation-underleaf: #254663;
    --theme-color-signature-arch: #aeb3bd;
    --theme-color-signature-arch-soft: #262a33;
    --theme-color-signature-wave: #aeb3bd;
    --theme-color-signature-wave-soft: #262a33;
    --theme-color-signature-spark: #aeb3bd;
    --theme-color-signature-spark-soft: #262a33;
    --theme-color-signature-path: #aeb3bd;
    --theme-color-signature-path-soft: #262a33;
    --theme-shadow-surface: 0 1px 2px rgba(0, 0, 0, 0.28), 0 8px 24px rgba(0, 0, 0, 0.22);
    --theme-shadow-raised: 0 12px 34px rgba(0, 0, 0, 0.32);
    --theme-shadow-frame: 0 24px 70px rgba(0, 0, 0, 0.38);
    --theme-shadow-invitation-paper: 0 1px 2px rgba(0, 0, 0, 0.32), 0 14px 34px rgba(0, 0, 0, 0.28);
  }
}

/* DEC-166 original activity illustration and invitation reveal tokens. */
:root {
  --theme-color-art-blue: #8cb9db;
  --theme-color-art-yellow: #eac774;
  --theme-color-art-sage: #a6bf9c;
  --theme-font-size-experience-welcome: clamp(1.9rem, 3.5vw, 2.7rem);
  --theme-font-size-experience-on: clamp(1.8rem, 3vw, 2.25rem);
  --theme-motion-experience-duration: 850ms;
}