/* apps/kirigami-app/src/styles.scss */
:root {
  --kirigami-700: #2b5579;
  --kirigami-600: #346a95;
  --kirigami-500: #4d8cb9;
  --kirigami-400: #69a0c7;
  --kirigami-300: #9dc1dc;
  --kirigami-200: #cbddec;
  --kirigami-100: #e4edf5;
  --kirigami-50: #f3f8fb;
  --neu-950: #22272b;
  --neu-900: #3b4145;
  --neu-800: #434c54;
  --neu-600: #576067;
  --neu-400: #7d8b92;
  --neu-200: #c7ced3;
  --neu-100: #e7ebee;
  --neu-50: #f3f6f7;
  --neu-0: #ffffff;
  --purple-700: #7460a1;
  --purple-600: #8e7cba;
  --purple-500: #998cc6;
  --purple-400: #b5aed7;
  --purple-300: #cfcce6;
  --purple-200: #e4e3f1;
  --pink-600: #ba4872;
  --pink-500: #cd6590;
  --pink-400: #dc8aae;
  --pink-300: #eab7cf;
  --pink-200: #f3d7e5;
  --coral-600: #cd4e35;
  --coral-500: #eb755e;
  --coral-400: #f0a495;
  --coral-300: #f5b8ac;
  --coral-200: #fad5ce;
  --tree-600: #31705f;
  --tree-500: #3fbd75;
  --tree-400: #59a88f;
  --tree-300: #72bda3;
  --tree-200: #c6e6da;
  --beach-600: #cb8203;
  --beach-500: #ebaa07;
  --beach-400: #fbc92a;
  --beach-300: #fdd947;
}
:root {
  --font-family: "Figtree", sans-serif;
}
:root {
  --primary-color: var(--kirigami-500);
  --primary-contrast-color: var(--p-primary-contrast-color);
  --text-color: var(--p-text-color);
  --text-color-secondary: var(--p-text-muted-color);
  --surface-ground: var(--kirigami-50);
  --surface-border: var(--p-content-border-color);
  --surface-card: var(--p-content-background);
  --surface-hover: var(--p-content-hover-background);
  --surface-overlay: var(--p-overlay-popover-background);
  --transition-duration: var(--p-transition-duration);
  --maskbg: var(--p-mask-background);
  --content-border-radius: var(--p-content-border-radius);
  --layout-section-transition-duration: 0.2s;
  --element-transition-duration: var(--p-transition-duration);
  --focus-ring-width: var(--p-focus-ring-width);
  --focus-ring-style: var(--p-focus-ring-style);
  --focus-ring-color: var(--p-focus-ring-color);
  --focus-ring-offset: var(--p-focus-ring-offset);
  --focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-drawer-content-padding: 0 1.5rem 1.5rem !important;
  --p-divider-border-color: var(--kirigami-200) !important;
  --p-inputtext-disabled-background: var(--neu-100) !important;
  --p-badge-primary-background: var(--pink-500) !important;
  --p-button-outlined-danger-color: var(--pink-500) !important;
  --p-datatable-header-cell-selected-background: var(--kirigami-200) !important;
  --p-datatable-header-cell-selected-color: var(--neu-900) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5rem 0 1rem 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.5;
  color: var(--text-color);
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.75rem;
}
h4 {
  font-size: 1.5rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
mark {
  background: #fff8e1;
  padding: 0.25rem 0.4rem;
  border-radius: var(--content-border-radius);
  font-family: monospace;
}
blockquote {
  margin: 1rem 0;
  padding: 0 2rem;
  border-left: 4px solid #90a4ae;
}
hr {
  border-top: solid var(--surface-border);
  border-width: 1px 0 0 0;
  margin: 1rem 0;
}
p {
  margin: 0 0 1rem 0;
  line-height: 1.5;
}
p:last-child {
  margin-bottom: 0;
}
.text-heading-64 {
  font-weight: 700;
  font-size: 4rem;
  line-height: 1;
}
.text-heading-32 {
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
}
.text-heading-24 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
.text-heading-20 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}
.text-body-16 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}
.text-body-14 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
}
.text-body-12 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.6;
}
.button-text-16 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 150%;
  text-transform: uppercase;
}
.button-text-14 {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 150%;
}
.button-text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 150%;
}
.text-muted {
  color: var(--text-color-secondary, #6b7280);
}
.text-normal {
  font-weight: 400;
}
.text-strong {
  font-weight: 700 !important;
}
.text-uppercase {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-avatar-initials {
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .text-display {
    font-size: 2.75rem;
  }
  .text-h1 {
    font-size: 2rem;
  }
}
:root {
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --fs-display: 36px;
  --fs-h1: 28px;
  --fs-h2: 24px;
  --fs-h3: 20px;
  --fs-h4: 18px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --lh-tight: 1.2;
  --lh-snug: 1.4;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;
  --color-error: #9c2b1a;
  --color-error-bg: #fdeae7;
  --color-warning: #7a5c1f;
  --color-warning-bg: #fdf4e3;
  --color-muted: #5a6370;
  --color-muted-bg: #edeef0;
  --focus-ring: 2px solid var(--kirigami-500);
  --focus-ring-offset: 2px;
  --chart-cat-1: #cb8203;
  --chart-cat-2: #3fbd75;
  --chart-cat-3: #ba4872;
  --chart-magnitude: var(--kirigami-500);
  --chart-grid: var(--neu-200);
  --chart-axis-ink: var(--neu-600);
  --chart-surface: var(--neu-50);
  --chart-comp-1: var(--chart-magnitude);
  --chart-comp-2: var(--chart-cat-1);
  --chart-comp-3: var(--chart-cat-3);
  --chart-bar-track: var(--kirigami-100);
  --chart-bar-rest: var(--kirigami-300);
  --chart-bar-muted: var(--neu-200);
  --chart-bar-muted-soft: var(--neu-100);
}
@media (prefers-color-scheme: dark) {
  :root {
    --chart-cat-2: #34a06a;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family:
    "Figtree",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-size: var(--fs-body);
  color: var(--neu-950);
  background: var(--neu-50);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
}
a {
  text-decoration: none;
  color: inherit;
}
button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex="0"]:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-ring-offset);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.state-screen {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}
.state-content {
  text-align: center;
  max-width: 320px;
}
.state-icon {
  margin-bottom: 16px;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.state-text {
  font-size: var(--fs-body);
  font-weight: var(--fw-medium);
  color: var(--neu-600);
  margin-bottom: 20px;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */