:root {
  --pp-blue: #0B2F6B;
  --pp-blue-2: #154A9C;
  --pp-blue-dark: #071B34;
  --pp-lime: #B7FF00;
  --pp-white: #FFFFFF;
  --pp-bg: #F7F9FC;
  --pp-surface: #FFFFFF;
  --pp-text: #10213D;
  --pp-muted: #5C6B82;
  --pp-border: #DCE4EE;
  --pp-success: #23A559;
  --pp-danger: #D44B4B;
  --pp-radius-sm: 10px;
  --pp-radius-md: 16px;
  --pp-radius-lg: 24px;
  --pp-shadow: 0 12px 32px rgba(11, 47, 107, .10);
  --pp-font: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

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

body {
  background: var(--pp-bg);
  color: var(--pp-text);
}

:focus-visible {
  outline: 3px solid rgba(21, 74, 156, .35);
  outline-offset: 3px;
}

::selection {
  background: var(--pp-lime);
  color: var(--pp-blue-dark);
}

.pp-primary {
  background: var(--pp-lime);
  color: var(--pp-blue-dark);
  border-radius: 14px;
  font-weight: 800;
}

.pp-secondary {
  background: var(--pp-white);
  color: var(--pp-blue);
  border: 1px solid var(--pp-border);
  border-radius: 14px;
}

.pp-card {
  background: var(--pp-surface);
  border: 1px solid var(--pp-border);
  border-radius: var(--pp-radius-md);
  box-shadow: var(--pp-shadow);
}

.pp-title {
  color: var(--pp-blue);
  font-weight: 800;
}

.pp-accent {
  color: var(--pp-lime);
}