/*-- scss:defaults --*/
$primary:   #33FFA2;
$secondary: #FF33FF;
$success:   #737373;
$warning:   #F18F01;
$font-family-sans-serif: "Inter", "Segoe UI", system-ui, sans-serif;

/*-- scss:rules --*/
.callout-note {
  border-left-color: $primary !important;
}

.metric-card {
  background: linear-gradient(135deg, lighten($primary, 42%), white);
  border-radius: 12px;
  padding: 1.2rem;
  text-align: center;
  border: 1px solid lighten($primary, 30%);
  margin-bottom: 0.8rem;

  .metric-value {
    font-size: 2.2rem;
    font-weight: 700;
    color: $primary;
  }
  .metric-label {
    font-size: 0.85rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
}

h1, h2, h3 { color: darken($primary, 10%); }