:root {
  --scc-teal: #3cc8be;
  --scc-teal-dark: #167f78;
  --scc-teal-deep: #0d5f5a;
  --scc-teal-50: #dff6f3;
  --scc-pink: #dc788c;
  --scc-pink-dark: #a9475d;
  --scc-pink-50: #f8e9ed;
  --scc-ink: #1e231e;
  --scc-ink-soft: #37413d;
  --scc-muted: #64736e;
  --scc-paper: #f5f8f7;
  --scc-white: #fff;
  --scc-line: #d5e0dd;
  --scc-line-strong: #b8c8c3;
  --scc-display: "Barlow Condensed", Arial, sans-serif;
  --scc-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --scc-shell: min(1240px, calc(100vw - 40px));
  --scc-readable: min(780px, calc(100vw - 40px));
  --scc-radius-xs: 3px;
  --scc-radius-sm: 6px;
  --scc-radius: 10px;
  --scc-shadow-sm: 0 14px 40px rgba(30, 35, 30, .08);
  --scc-shadow-lg: 0 30px 80px rgba(30, 35, 30, .14);
  --scc-transition: 180ms cubic-bezier(.2,.65,.3,1);
  --scc-section: clamp(72px, 9vw, 132px);
  --scc-header-offset: 116px;
}
@media (max-width: 782px) { :root { --scc-shell: min(100% - 28px, 1240px); --scc-readable: min(100% - 28px, 780px); --scc-section: clamp(58px, 12vw, 90px); --scc-header-offset: 90px; } }