@import url("tokens.css");

:root {
  --gd-primary: #1e3767;
  --gd-primary-strong: #1e3767;
  --gd-primary-soft: #ffffff;
  --gd-accent: #1e3767;
  --gd-accent-strong: #1e3767;
  --gd-accent-soft: #ffffff;
  --gd-ink: #1e3767;
  --gd-copy: #8c8c8c;
  --gd-muted: #8c8c8c;
  --gd-secondary: #8c8c8c;
  --gd-text: #1e3767;
  --gd-white: #ffffff;
  --gd-bg: #ffffff;
  --gd-bg-soft: #ffffff;
  --gd-border: #8c8c8c;
  --gd-success: #1e3767;
  --gd-success-soft: #ffffff;
  --gd-warning: #1e3767;
  --gd-warning-soft: #ffffff;
  --gd-paused: #8c8c8c;
  --gd-paused-soft: #ffffff;
  --gd-error: #1e3767;
  --gd-error-soft: #ffffff;
  --gd-radius-sm: 14px;
  --gd-radius: 22px;
  --gd-radius-md: 22px;
  --gd-radius-lg: 34px;
  --gd-radius-pill: 999px;
  --gd-shadow-soft: 0 1px 2px rgba(30, 55, 103, 0.04), 0 16px 44px rgba(30, 55, 103, 0.08);
  --gd-shadow-strong: 0 28px 86px rgba(30, 55, 103, 0.17);
  --gd-neum-out: 10px 10px 24px rgba(140, 140, 140, 0.46), -10px -10px 24px rgba(255, 255, 255, 0.92);
  --gd-neum-in: inset 5px 5px 12px rgba(140, 140, 140, 0.42), inset -5px -5px 12px rgba(255, 255, 255, 0.92);
  --gd-max: 1180px;
  --gd-transition: 180ms ease;
  --gd-parallax-y: 0px;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-family-primary);
}

svg,
[class*="icon"] {
  color: inherit;
  filter: drop-shadow(0 0 6px rgba(30, 55, 103, 0.3));
}

a,
button,
[role="button"],
[class*="card"] {
  transition: color var(--gd-transition), background-color var(--gd-transition), border-color var(--gd-transition), box-shadow var(--gd-transition), transform var(--gd-transition);
}

[class*="card"]:not([aria-disabled="true"]):hover,
[class*="card"]:not([aria-disabled="true"]):focus-within {
  transform: translateY(-4px);
  box-shadow: var(--gd-shadow-strong);
}

:focus-visible {
  outline: 3px solid #1e3767;
  outline-offset: 3px;
}

.gd-actions--center { justify-content: center; }
.gd-actions--mt-30 { margin-top: 30px; }
.gd-actions--mt-32 { margin-top: 32px; }
.gd-actions--mt-34 { margin-top: 34px; }
.gd-actions--mb-34 { margin-bottom: 34px; }
.gd-tool-dashboard__bar--82 { --metric-width: 82%; }
.gd-tool-dashboard__bar--72 { --metric-width: 72%; --metric-color: #1e3767; }
.gd-tool-dashboard__bar--58 { --metric-width: 58%; --metric-color: #1e3767; }
.gd-tool-dashboard__bar--34 { --metric-width: 34%; --metric-color: #1e3767; }

.gd-btn--accent {
  color: #ffffff !important;
  background: #1e3767 !important;
  border-color: #1e3767 !important;
}

.gd-btn--accent:hover,
.gd-btn--accent:focus-visible {
  color: #1e3767 !important;
  background: #ffffff !important;
}

.gd-btn--outline,
.gd-btn--light {
  color: #1e3767 !important;
  background: #ffffff !important;
  border-color: #1e3767 !important;
}

.gd-btn--outline:hover,
.gd-btn--outline:focus-visible,
.gd-btn--light:hover,
.gd-btn--light:focus-visible {
  color: #ffffff !important;
  background: #1e3767 !important;
}

.gd-card:not(form):hover,
.gd-card:not(form):focus-within {
  color: #ffffff;
  background: #1e3767;
  border-color: #1e3767;
}

.gd-card:not(form):hover :is(h2, h3, h4, p, span, small, strong, a, svg),
.gd-card:not(form):focus-within :is(h2, h3, h4, p, span, small, strong, a, svg) {
  color: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  [class*="card"]:hover,
  [class*="card"]:focus-within {
    transform: none;
  }
}