.surface{border:1px solid color-mix(in srgb, var(--color-border) 75%, transparent);background:var(--color-surface);box-shadow:var(--shadow-card)}.surface--card{padding:var(--space-6);border-radius:var(--radius-card)}.surface--hero{padding:var(--space-8) var(--space-6);border-radius:var(--radius-hero);background:var(--color-mint-soft)}