@layer karibu.components{.k-card{--card-bg:transparent;--card-border-color:transparent;--card-border-width:0;--card-radius:var(--radius-5);--card-shadow:none;--card-padding:0;padding:var(--card-padding);background-color:var(--card-bg);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.k-card--surface{--card-bg:var(--color-bg-surface);--card-shadow:var(--shadow-card);--card-padding:var(--space-6)}.k-card--subtle{--card-bg:var(--color-bg-subtle);--card-padding:var(--space-6)}.k-card--accent{--card-bg:var(--color-accent-bg);--card-border-color:var(--color-accent-border);--card-border-width:var(--border-width-1);--card-padding:var(--space-6)}.k-card--outline{--card-border-color:var(--color-border);--card-border-width:var(--border-width-1);--card-padding:var(--space-6)}.k-card--padding-none{--card-padding:0}.k-card--padding-sm{--card-padding:var(--space-4)}.k-card--padding-md{--card-padding:var(--space-6)}@media (width<=767px){.k-card--padding-md{--card-padding:var(--space-6) var(--space-4)}}.k-card--padding-lg{--card-padding:var(--space-8)}@media (width<=767px){.k-card--padding-lg{--card-padding:var(--space-8) var(--space-4)}}}