/* Hallmark · design-system: supplied gl-ct portal · genre: practical editorial · source: GL-CT Portal.dc.html */
:root {
  --color-ink: #16211d;
  --color-paper: #f7f5f0;
  --color-white: #ffffff;
  --color-brick: #e2683c;
  --color-brick-deep: #c4532b;
  --color-moss: #1e7a5e;
  --color-moss-deep: #126559;
  --color-sun: #f2c14e;
  --color-text: #2a3530;
  --color-muted: #55605b;
  --color-meta: #7a847f;
  --color-rule: #e4e0d6;
  --color-rule-soft: #efebe2;
  --color-neutral: #f3efe6;
  --color-dark-card: #1f2b27;
  --color-dark-text: #c9d1cc;
  --color-dark-muted: #aeb8b2;
  --color-dark-faint: #8b968f;
  --color-paper-96: rgba(247, 245, 240, 0.96);
  --color-paper-grid: rgba(247, 245, 240, 0.05);
  --color-paper-border: rgba(247, 245, 240, 0.12);
  --color-paper-border-soft: rgba(247, 245, 240, 0.1);
  --color-white-94: rgba(255, 255, 255, 0.94);
  --color-white-grid: rgba(255, 255, 255, 0.28);
  --color-ink-12: rgba(22, 33, 29, 0.12);
  --color-ink-15: rgba(22, 33, 29, 0.15);
  --color-ink-18: rgba(22, 33, 29, 0.18);
  --color-ink-42: rgba(22, 33, 29, 0.42);
  --color-ink-50: rgba(22, 33, 29, 0.5);
  --color-moss-grid: rgba(30, 122, 94, 0.11);
  --color-home-grid: rgba(30, 140, 126, 0.11);
  --color-brick-grid: rgba(217, 100, 58, 0.11);
  --color-brick-border: rgba(217, 100, 58, 0.18);
  --color-sun-glow: rgba(242, 193, 78, 0.22);

  --color-scene-lawn: #aede8f;
  --color-scene-soil: #b98a5e;
  --color-scene-soil-shadow: #a37650;
  --color-scene-wall: #fbf8f2;
  --color-scene-solar: #264a73;
  --color-scene-window: #a9d2f2;
  --color-scene-trunk: #704830;
  --color-scene-tree: #5fae4a;
  --color-scene-tree-shadow: #4a9539;
  --color-scene-path: #efe9dc;
  --color-scene-path-shadow: #cfc5b1;
  --color-scene-roof-light: #f39a72;
  --color-scene-platform: #18221f;
  --color-scene-step-shadow: #d9a62e;

  --color-build: #d9643a;
  --color-build-ink: #a9461f;
  --color-build-tint: #fbede6;
  --color-home: #1e8c7e;
  --color-home-ink: #126559;
  --color-home-tint: #e5f3f0;
  --color-garden: #4d9a3c;
  --color-garden-ink: #2f6b24;
  --color-garden-tint: #eaf4e5;
  --color-interior: #3e83c8;
  --color-interior-ink: #245f9c;
  --color-interior-tint: #e7f0fa;
  --color-formal: #c98c12;
  --color-formal-ink: #8a5e08;
  --color-formal-tint: #fbf2de;
  --color-safety: #d2587a;
  --color-safety-ink: #a33558;
  --color-safety-tint: #fbe8ee;

  --font-display: "Lato", system-ui, sans-serif;
  --font-body: "Lato", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", monospace;

  --container: 77.5rem;
  --reading: 45rem;
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: clamp(3rem, 6vw, 5rem);
  --space-3xl: clamp(4rem, 8vw, 7rem);

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.5rem;
  --text-display: clamp(2.125rem, 4.6vw, 3.875rem);

  --radius-control: 0.875rem;
  --radius-chip: 999px;
  --radius-card: 1.375rem;
  --radius-panel: 2rem;
  --shadow-hover: 0 16px 30px -18px rgba(22, 33, 29, 0.4);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 200ms;
  --dur-long: 420ms;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
}