/**
 * calculators.css — Calculator page styles: result display, profit value.
 *
 * Loaded in: templates/pages/hesapla-*.html.twig (via {% block styles %})
 * Depends on: design-tokens.css, foundation.css, app.css (shared tokens)
 */

/* =====================================================================
   6. CALCULATOR RESULT
   ===================================================================== */
.kp-calc-result {
  background: var(--success-subtle);
  border-radius: var(--radius-2);
  text-align: center;
}
.kp-calc-profit {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  color: var(--primary);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}