.card{background:var(--color-surface);border-radius:var(--rms-radius-md,var(--radius-md));padding:var(--card-padding-compact);border:1px solid var(--color-border-subtle);min-width:0;box-shadow:var(--rms-shadow-soft,none);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), background var(--motion-normal) var(--ease-out)}.card--interactive{cursor:default}.card--interactive:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.card--tone-info{border-color:color-mix(in srgb, var(--color-primary) 32%, var(--color-border-subtle));background:linear-gradient(160deg, var(--color-tint-info), color-mix(in srgb, var(--color-surface) 92%, transparent))}.card--tone-success{border-color:color-mix(in srgb, var(--color-success) 32%, var(--color-border-subtle));background:linear-gradient(160deg, var(--color-tint-success), color-mix(in srgb, var(--color-surface) 92%, transparent))}.card--tone-warning{border-color:color-mix(in srgb, var(--color-warning) 32%, var(--color-border-subtle));background:linear-gradient(160deg, var(--color-tint-warning), color-mix(in srgb, var(--color-surface) 92%, transparent))}.card--tone-danger{border-color:color-mix(in srgb, var(--color-danger) 32%, var(--color-border-subtle));background:linear-gradient(160deg, var(--color-tint-danger), color-mix(in srgb, var(--color-surface) 92%, transparent))}.card--tone-brand{border-color:color-mix(in srgb, var(--color-brand-purple) 32%, var(--color-border-subtle));background:linear-gradient(160deg, var(--color-tint-brand), color-mix(in srgb, var(--color-surface) 92%, transparent))}.card--tone-accent{border-color:color-mix(in srgb, var(--color-brand-cyan) 32%, var(--color-border-subtle));background:linear-gradient(160deg, var(--color-tint-cyan), color-mix(in srgb, var(--color-surface) 92%, transparent))}.card h2,.card h3{margin-top:0}.card__title{font-size:var(--fs-lg);color:var(--color-text);margin:0 0 8px;font-weight:650;line-height:1.25}.card__title--info{color:var(--color-primary-deep)}.card__title--success{color:var(--color-success-deep)}.card__title--warning{color:var(--color-warning-deep)}.card__title--danger{color:var(--color-danger-deep)}.card__title--brand{color:var(--color-brand-purple-deep)}.card__hint{font-size:var(--fs-md);color:var(--color-text-muted);margin:0 0 10px;line-height:1.4}