/* DAMAYO: foundation shared by the portal and application modules.
 * Typography roles: typography.css. Form variants: form_system.css.
 */
:root {
  color-scheme: light;
  --weight-action: 600;
  --weight-label: 600;
  --size-action: .875rem;
  --font-ui: Inter, Aptos, "Segoe UI", system-ui, sans-serif;
  font-family: var(--font-ui);
  --navy: #0d2a50;
  --navy-2: #174a77;
  --blue: #257cb5;
  --teal: #2b9485;
  --green: #268063;
  --amber: #a96d25;
  --red: #a94848;
  --canvas: #eaf0f5;
  --surface: #fff;
  --text: #17263c;
  --muted: #53677d;
  --brand-version-size: clamp(.75rem, .65em, .8125rem);
  --brand-version-color: var(--muted);
  --brand-version-gap: .4em;
  --line: #d9e2ea;
  --surface-subtle: #f7f9fb;
  --control-border: #b8c9d8;
  --focus-color: #257cb5;
  --success-surface: #eff8f4;
  --success-text: #24644f;
  --warning-surface: #fff8e8;
  --warning-text: #805919;
  --error-surface: #fff3f3;
  --error-text: #8d4141;
  --info-surface: #edf5fb;
  --info-text: #215c87;
  --disabled-surface: #edf1f4;
  --disabled-text: #627285;
  --shadow: 0 4px 14px rgba(18, 48, 81, .06);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --control-height: 44px;
  --control-radius: 9px;
  --radius-card: 18px;
  --page-width: 1760px;
  --page-gutter: 40px;
  --page-title-size: 30px;
  --motion-fast: 160ms;
  --motion-standard: 260ms;
  --motion-enter: 460ms;
  --motion-switch: 260ms;
  --motion-nav: 320ms;
  --motion-carousel: 600ms;
  --motion-stagger: 110ms;
  --motion-distance: 12px;
  --motion-panel-distance: 8px;
  --motion-carousel-distance: 4px;
  --motion-hover-distance: 4px;
  --motion-ease-enter: cubic-bezier(.2, .65, .3, 1);
  --motion-ease-smooth: cubic-bezier(.4, 0, .2, 1);
  --motion-ease: ease-out;
}

@media (max-width: 700px) {
  :root {
    --page-gutter: 24px;
    --page-title-size: 25px;
  }
}